diff options
Diffstat (limited to 'src/components/atoms/icons/plus-minus.stories.tsx')
| -rw-r--r-- | src/components/atoms/icons/plus-minus.stories.tsx | 43 | 
1 files changed, 43 insertions, 0 deletions
| diff --git a/src/components/atoms/icons/plus-minus.stories.tsx b/src/components/atoms/icons/plus-minus.stories.tsx new file mode 100644 index 0000000..ffa28f2 --- /dev/null +++ b/src/components/atoms/icons/plus-minus.stories.tsx @@ -0,0 +1,43 @@ +import { ComponentMeta, ComponentStory } from '@storybook/react'; +import PlusMinusIcon from './plus-minus'; + +export default { +  title: 'Atoms/Icons', +  component: PlusMinusIcon, +  argTypes: { +    className: { +      control: { +        type: 'text', +      }, +      description: 'Set additional classnames.', +      table: { +        category: 'Styles', +      }, +      type: { +        name: 'string', +        required: false, +      }, +    }, +    state: { +      control: { +        type: 'radio', +        options: ['plus', 'minus'], +      }, +      description: 'Which state should be displayed.', +      type: { +        name: 'enum', +        required: true, +        value: ['plus', 'minus'], +      }, +    }, +  }, +} as ComponentMeta<typeof PlusMinusIcon>; + +const Template: ComponentStory<typeof PlusMinusIcon> = (args) => ( +  <PlusMinusIcon {...args} /> +); + +export const PlusMinus = Template.bind({}); +PlusMinus.args = { +  state: 'plus', +}; | 
