premieroctet / openchakra

⚡️ Full-featured visual editor and code generator for React using Chakra UI

Home Page:https://openchakra.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Feature Request: Store custom props in side panel

transmissions11 opened this issue · comments

commented

Sometimes I want to inject custom props into a component, however, the current system of the single box that doesn't show current custom props, only lets you add them, is difficult to use and hard to work with for a large project.

Could we do something like this, where we could see all of our custom props and have two text boxes for each prop:
demo image

❤️

@TransmissionsDev I have just created the PR for this feature, you can try the custom props panel here https://deploy-preview-68--openchakra.netlify.com/

Let me know your thoughts 🙂

commented

Hey @shinework! This looks great!

One thought is that next to each custom prop in the list, you could have an edit that would type that prop's name into the prop menu when clicked and move the user's keyboard foucs to the input (for easy updating).

This might work better if the prop name and value were in separate boxes, but are both viable and good options!

Thank you for your quick (and high quality) work! 😄

(I'm sending over $50 via Open Collective asap Donation sent! Thanks for your hard work!)

Thanks a lot for your donation 🙌
The edit button is up! https://deploy-preview-68--openchakra.netlify.com/

commented

Thanks a lot for your donation 🙌
The edit button is up! https://deploy-preview-68--openchakra.netlify.com/

Amazing!

commented

@shinework I have noticed that there is some glitchy behavior with this feature.

See issue #72 for more details! Thanks 😅