onlook icon indicating copy to clipboard operation
onlook copied to clipboard

feat: Add properties panel

Open Nithishvb opened this issue 9 months ago • 2 comments
trafficstars

Description

Closes: #1259

This PR introduces a properties panel that allows users to view and edit the properties of selected elements.

Related Issues

Type of Change

  • [] Bug fix
  • [x] New feature
  • [ ] Documentation update
  • [ ] Release
  • [ ] Other (please describe):

Testing

Screenshots (if applicable)

Additional Notes

Nithishvb avatar Feb 06 '25 18:02 Nithishvb

Notes:

  1. This would work really well with #421 or #420. So when the user hits "Edit code" they're able to bring it up.
  2. It seems like we'll want to implement this on the left panel, but it doesn't feel completely deserving of a full panel tab in of itself because there just aren't many properties for most objects. @Kitenite we should discuss the design / feel of where this should go a bit.
  3. No functionality to add properties, but perhaps we make that a button that just sets up a prompt in the chat saying "Add a property to this component that does..."

drfarrell avatar Feb 22 '25 07:02 drfarrell

  1. It seems like we'll want to implement this on the left panel, but it doesn't feel completely deserving of a full panel tab in of itself because there just aren't many properties for most objects. @Kitenite we should discuss the design / feel of where this should go a bit.

I think this could be deserving of a left tab depending on the element. But what about right tab or a subsection of style tab? This will be very useful for components + regular HTML tags

Kitenite avatar Feb 23 '25 21:02 Kitenite