Will this generate component code?

[zachgibson]

Are there any plans to be able to generate code? Would be cool to visually tweak a component and then grab and use that code in some way.

[Raathigesh]

I have plans to add support for useCSS knob which would give you a Css property panel and also give you css to copy.

[zachgibson]

Generating React code would be cool too, unless I’m missing the main purpose of this lib.

[Raathigesh]

I don't think I understand how this could generate code. Could you please elaborate?

[zachgibson]

What I mean is, after you’ve experimented with visually changing properties on your component, maybe you want to use those exact values. It would be cool to have UI where you’d see the code and could copy it.

e.g.

<Ghost
    visibility
    iconVisibility
    borderWidth={3}
    ghostSize={240}
    mood="lovestruck"
    color="plum"
/>

[Raathigesh]

That would be really nice but the tricky part is, values from the knobs could be used in multiple ways. The value might not be assigned to a prop directly but rather could be used to compute the prop based on some custom logic.

One easy alternative I could think of is to have a copy value button right next to each knob so you could copy the values easily but It's not as nice as generating code though :)

Would like to hear your thoughts on it.