Sharing knob values across stories

[Firebrand]

I've scoured the forum here as well as resources online, but can't seem to find an answer. How would I go about sharing knob values across different COMPONENTS? (ex. User navigates to a button component in Storybook and chooses to make it green, they then navigate to a form component -which includes the prev button as a subcomponent- and the button in there appears green).

I do not wish to use Storybook Controls as they do not support groups and thus make the interface very cumbersome for components with many settings.

Thanks so much guys!

[shilman]

FYI, we’ve released addon-controls in Storybook 6.0. Controls are portable, auto-generated knobs that are intended to replace addon-knobs, which are slated for deprecation.

• Controls documentation
• Migration instructions

Please upgrade and try out controls today!

Regarding your question, controls are based on something called args: https://storybook.js.org/blog/introducing-storybook-args/

Args are designed to be re-used and composed across stories: https://storybook.js.org/docs/react/writing-stories/args#args-composition

[Firebrand]

@shilman I really appreciate your response. I have edited my original post. Cheers.