onlook
onlook copied to clipboard
feat: Add properties panel
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
Notes:
- This would work really well with #421 or #420. So when the user hits "Edit code" they're able to bring it up.
- 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.
- 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..."
- 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