[Feature proposal] Integrate with the knobs add-on

The Knobs addon for Storybook allows you to change the state of a component in the UI, rather than having to build a separate story for each state.

Are there any plans of integrating this library with knobs, so that one could screenshot multiple knob states? Off the top of my head, something like:

import { text } from '@storybook/addon-knobs/react'

storiesOf('submit button', module)
  .addDecorator(withScreenshot({
    knobs: {
      'Button label': [
        'Submit',
        'Go',
        'Search',
      ],
    },
  }))
  .add('submit button', () => (
    <input type="submit" value={text('Button label', 'Submit')} />
  ))

Thoughts? Without this feature, I have to convert all my knobs to discrete stories so that they can be screenshotted individually.

[wadackel]

Hi @jessepinho, Thank you for wonderful proposal ❤️

I think the feature you suggested is very useful. I’d like to incorporate the implementation in the next version, so I’m glad if you can wait for a while.

Thanks!!

[jessepinho]

@tsuyoshiwada ahh so cool! Thanks for doing this so quickly! Will take a look as soon as I can 😃