A react button sample story

button.stories.tsx

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, text, boolean, color } from '@storybook/addon-knobs';
import { action } from '@storybook/addon-actions';

import README from './README.md';
import Button from '.';

const stories = storiesOf('Button', module);

stories.addDecorator(withKnobs);
stories.addParameters({
  readme: {
    content: README
  }
});

stories.add('default', () => {
  const hasOnClick = boolean('Has onClick', true);

  return (
    <Button
      onClick={hasOnClick ? action('clicked') : undefined}
      color={color('Custom color', '')}
      disabled={boolean('Disabled', false)}
    >
      {text('Label', 'I am a button')}
    </Button>
  );
});