aboutsummaryrefslogtreecommitdiffstats
path: root/stories/react/buttons
diff options
context:
space:
mode:
authorIsrael Lavi <il0695@att.com>2018-08-07 10:54:17 +0300
committerIsrael Lavi <il0695@att.com>2018-08-07 11:06:44 +0300
commitb2a3acea0d0f66028c9ce5fad02d4ecc64abf70c (patch)
tree8d70110f34cb845965c42a5915e950bca967d2c3 /stories/react/buttons
parent05b37297177e8a342668c15e5d6f738b51f7aedd (diff)
Initial commit.
Adding files needed for Linux Foundation. Change-Id: I9f2b4851a5ae01f83800c7f8bab8608a2221c730 Issue-ID: SDC-1608 Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'stories/react/buttons')
-rw-r--r--stories/react/buttons/LinkButtons.stories.js49
-rw-r--r--stories/react/buttons/PrimaryButtons.stories.js49
-rw-r--r--stories/react/buttons/SecondaryButtons.stories.js49
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;