diff options
Diffstat (limited to 'stories/react/buttons')
-rw-r--r-- | stories/react/buttons/LinkButtons.stories.js | 49 | ||||
-rw-r--r-- | stories/react/buttons/PrimaryButtons.stories.js | 49 | ||||
-rw-r--r-- | stories/react/buttons/SecondaryButtons.stories.js | 49 |
3 files changed, 0 insertions, 147 deletions
diff --git a/stories/react/buttons/LinkButtons.stories.js b/stories/react/buttons/LinkButtons.stories.js deleted file mode 100644 index ef32a22..0000000 --- a/stories/react/buttons/LinkButtons.stories.js +++ /dev/null @@ -1,49 +0,0 @@ -import React from 'react'; -import Examples from '../utils/Examples.js'; - -import ReactButton from '../../../src/react/Button.js'; - -import LinkButton from '../../../components/button/button-link.html'; -import LinkButtonDisabled from '../../../components/button/button-link-disabled.html'; -import ExtraSmall from '../../../components/button/button-link-extra-small.html'; -import Small from '../../../components/button/button-link-small.html'; -import Medium from '../../../components/button/button-link-medium.html'; -import Large from '../../../components/button/button-link-large.html'; -import Auto from '../../../components/button/button-link-auto.html'; - -let examples = { - 'Link Default': { - jsx: <ReactButton btnType='link' onClick={() => {}}>Click Me</ReactButton>, - html: LinkButton - }, - 'Link Disabled': { - jsx: <ReactButton btnType='link' onClick={() => {}} disabled>Click Me</ReactButton>, - html: LinkButtonDisabled, - }, - 'Extra Small': { - jsx: <ReactButton btnType='link' size='x-small' onClick={() => {}}>Click Me</ReactButton>, - html: ExtraSmall - }, - 'Small': { - jsx: <ReactButton btnType='link' size='small' onClick={() => {}}>Click Me</ReactButton>, - html: Small, - }, - 'Medium': { - jsx: <ReactButton btnType='link' size='medium' onClick={() => {}}>Click Me</ReactButton>, - html: Medium - }, - 'Large': { - jsx: <ReactButton btnType='link' size='large' onClick={() => {}}>Click Me</ReactButton>, - html: Large, - }, - 'Auto Sizing': { - jsx: <ReactButton btnType='link' size='default' onClick={() => {}}>Click Me</ReactButton>, - html: Auto, - } -}; - -const DefaultButtons = () => ( - <Examples examples={examples} /> -); - -export default DefaultButtons; diff --git a/stories/react/buttons/PrimaryButtons.stories.js b/stories/react/buttons/PrimaryButtons.stories.js deleted file mode 100644 index db732b9..0000000 --- a/stories/react/buttons/PrimaryButtons.stories.js +++ /dev/null @@ -1,49 +0,0 @@ -import React from 'react'; -import Examples from '../utils/Examples.js'; - -import ReactButton from '../../../src/react/Button.js'; - -import PrimaryButton from '../../../components/button/button-primary.html'; -import PrimaryButtonDisabled from '../../../components/button/button-primary-disabled.html'; -import ExtraSmall from '../../../components/button/button-primary-extra-small.html'; -import Small from '../../../components/button/button-primary-small.html'; -import Medium from '../../../components/button/button-primary-medium.html'; -import Large from '../../../components/button/button-primary-large.html'; -import Auto from '../../../components/button/button-primary-auto.html'; - -let examples = { - 'Primary Default': { - jsx: <ReactButton onClick={() => {}}>Click Me</ReactButton>, - html: PrimaryButton - }, - 'Primary Disabled': { - jsx: <ReactButton onClick={() => {}} disabled>Click Me</ReactButton>, - html: PrimaryButtonDisabled, - }, - 'Extra Small': { - jsx: <ReactButton size='x-small' onClick={() => {}}>Click Me</ReactButton>, - html: ExtraSmall - }, - 'Small': { - jsx: <ReactButton size='small' onClick={() => {}}>Click Me</ReactButton>, - html: Small, - }, - 'Medium': { - jsx: <ReactButton size='medium' onClick={() => {}}>Click Me</ReactButton>, - html: Medium - }, - 'Large': { - jsx: <ReactButton size='large' onClick={() => {}}>Click Me</ReactButton>, - html: Large, - }, - 'Auto Sizing': { - jsx: <ReactButton size='default' onClick={() => {}}>Click Me</ReactButton>, - html: Auto, - } -}; - -const DefaultButtons = () => ( - <Examples examples={examples} /> -); - -export default DefaultButtons; diff --git a/stories/react/buttons/SecondaryButtons.stories.js b/stories/react/buttons/SecondaryButtons.stories.js deleted file mode 100644 index 75f9d54..0000000 --- a/stories/react/buttons/SecondaryButtons.stories.js +++ /dev/null @@ -1,49 +0,0 @@ -import React from 'react'; -import Examples from '../utils/Examples.js'; - -import ReactButton from '../../../src/react/Button.js'; - -import SecondaryButton from '../../../components/button/button-secondary.html'; -import SecondaryButtonDisabled from '../../../components/button/button-secondary-disabled.html'; -import ExtraSmall from '../../../components/button/button-secondary-extra-small.html'; -import Small from '../../../components/button/button-secondary-small.html'; -import Medium from '../../../components/button/button-secondary-medium.html'; -import Large from '../../../components/button/button-secondary-large.html'; -import Auto from '../../../components/button/button-secondary-auto.html'; - -let examples = { - 'Secondary Default': { - jsx: <ReactButton btnType='secondary' onClick={() => {}}>Click Me</ReactButton>, - html: SecondaryButton - }, - 'Secondary Disabled': { - jsx: <ReactButton btnType='secondary' onClick={() => {}} disabled>Click Me</ReactButton>, - html: SecondaryButtonDisabled, - }, - 'Extra Small': { - jsx: <ReactButton btnType='secondary' size='x-small' onClick={() => {}}>Click Me</ReactButton>, - html: ExtraSmall - }, - 'Small': { - jsx: <ReactButton btnType='secondary' size='small' onClick={() => {}}>Click Me</ReactButton>, - html: Small, - }, - 'Medium': { - jsx: <ReactButton btnType='secondary' size='medium' onClick={() => {}}>Click Me</ReactButton>, - html: Medium - }, - 'Large': { - jsx: <ReactButton btnType='secondary' size='large' onClick={() => {}}>Click Me</ReactButton>, - html: Large, - }, - 'Auto Sizing': { - jsx: <ReactButton btnType='secondary' size='default' onClick={() => {}}>Click Me</ReactButton>, - html: Auto, - } -}; - -const DefaultButtons = () => ( - <Examples examples={examples} /> -); - -export default DefaultButtons; |