@eureca/eureca-ui/src/components/Buttons/stories/button.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';
import { action } from '@storybook/addon-actions';

import { withKnobs, text, select, boolean } from '@storybook/addon-knobs';

import { Button } from '../';

const variants = {
  Text: 'text',
  Outlined: 'outlined',
  Contained: 'contained',
};

export default {
  title: 'Material/Button',
  component: Button,
  decorators: [withKnobs],
  includeStories: [],
};

export function BasicButton() {
  const content = text('Text', 'Button');
  const variant = select('Button Type', variants, 'contained');
  const isDisabled = boolean('Disabled', false);

  return (
    <Button variant={variant} disabled={isDisabled} onClick={action('Button clicked!')}>
      {content}
    </Button>
  );
}