From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Mon, 21 May 2018 17:42:00 +0300
Subject: init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
---
 stories/react/buttons/PrimaryButtons.stories.js | 49 +++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 stories/react/buttons/PrimaryButtons.stories.js

(limited to 'stories/react/buttons/PrimaryButtons.stories.js')

diff --git a/stories/react/buttons/PrimaryButtons.stories.js b/stories/react/buttons/PrimaryButtons.stories.js
new file mode 100644
index 0000000..db732b9
--- /dev/null
+++ b/stories/react/buttons/PrimaryButtons.stories.js
@@ -0,0 +1,49 @@
+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;
-- 
cgit 1.2.3-korg