storybook/stories/button.story.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import Button from 'mastodon/components/button';

storiesOf('Button', module)
  .add('default state', () => (
    <Button text='submit' onClick={action('clicked')} />
  ))
  .add('secondary', () => (
    <Button secondary text='submit' onClick={action('clicked')} />
  ))
  .add('disabled', () => (
    <Button disabled text='submit' onClick={action('clicked')} />
  ))
  .add('block', () => (
    <Button block text='submit' onClick={action('clicked')} />
  ));