storybook-groups v0.0.4

Storybook Groups

Add groups to the react storybook

Install

$ npm i storybook-groups

Example

import {addGroups, Group} from "storybook-groups"

storiesOf('Button', module)
    .add('with text', () => (
        <Group name="buttons">
            <Button onClick={action('clicked')}>Hello Button</Button>
        </Group>
    ))

addGroups(storiesOf, module, getStorybook)

With knobs example

import {withGroups, Groups} from "storybook-groups"

const stories = storiesOf('Storybook Knobs', module);

stories.addDecorator(withKnobs);
stories.addDecorator(withGroups);

stories.add('with a button 1-button1', () => (

  <button >
{text('Button1', 'Hello Button 1')}
  </button>

))

stories.add('All', () => ( <Groups/> ))

button1 is group name