29 lines
765 B
React
29 lines
765 B
React
|
import React from 'react';
|
||
|
import { action } from '@storybook/addon-actions';
|
||
|
import { boolean, text } from '@storybook/addon-knobs';
|
||
|
|
||
|
import Button from '.';
|
||
|
|
||
|
export default {
|
||
|
title: 'Common/Button (JS)',
|
||
|
component: Button
|
||
|
};
|
||
|
|
||
|
export const AllFeatures = () => (
|
||
|
<Button
|
||
|
disabled={boolean('disabled', false)}
|
||
|
type="submit"
|
||
|
label={text('label', 'submit')}
|
||
|
>
|
||
|
{text('children', 'this is the button')}
|
||
|
</Button>
|
||
|
);
|
||
|
|
||
|
export const SubmitButton = () => (
|
||
|
<Button type="submit" label="submit">This is a submit button</Button>
|
||
|
);
|
||
|
|
||
|
export const PrimaryButton = () => <Button label="login" onClick={action('onClick')}>Log In</Button>;
|
||
|
|
||
|
export const DisabledButton = () => <Button disabled label="login" onClick={action('onClick')}>Log In</Button>;
|