aboutsummaryrefslogtreecommitdiffstats
path: root/stories/react/Input.stories.js
diff options
context:
space:
mode:
Diffstat (limited to 'stories/react/Input.stories.js')
-rw-r--r--stories/react/Input.stories.js51
1 files changed, 0 insertions, 51 deletions
diff --git a/stories/react/Input.stories.js b/stories/react/Input.stories.js
deleted file mode 100644
index 869bafa..0000000
--- a/stories/react/Input.stories.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import Examples from './utils/Examples.js';
-
-import ReactInput from '../../src/react/Input.js';
-
-import InputDefaultHtml from '../../components/input/input.html';
-import InputRequiredHtml from '../../components/input/input-required.html';
-import InputNumberHtml from '../../components/input/input-number.html';
-import InputViewOnlyHtml from '../../components/input/input-view-only.html';
-import InputDisabledHtml from '../../components/input/input-disabled.html';
-import InputPlaceholderHtml from '../../components/input/input-placeholder.html';
-import InputErrorHtml from '../../components/input/input-error.html';
-
-let examples = {
- 'Input Default': {
- jsx: <ReactInput name='input1' value='Default' label='I am a label' onChange={ action('input-change')}/>,
- html: InputDefaultHtml
- },
- 'Input Required': {
- jsx: <ReactInput name='input2' value='Default' label='I am a label' onChange={ action('input-change')} isRequired/>,
- html: InputRequiredHtml
- },
- 'Input Number': {
- jsx: <ReactInput name='input3' value='3' label='I am a label' type="number" onChange={ action('input-change')}/>,
- html: InputNumberHtml
- },
- 'Input View Only': {
- jsx: <ReactInput value='Read Only Text' label='I am a label' onChange={ action('input-change')} readOnly/>,
- html: InputViewOnlyHtml
- },
- 'Input Disabled': {
- jsx: <ReactInput value='Default' label='I am a label' onChange={ action('input-change')} disabled/>,
- html: InputDisabledHtml
- },
- 'Input Placeholder': {
- jsx: <ReactInput name='input5' placeholder='Write Here...' label='I am a label' onChange={ action('input-change')}/>,
- html: InputPlaceholderHtml
- },
- 'Input Error': {
- jsx: <ReactInput value='Default' name='input6' label='I am a label' errorMessage='This is the error message' onChange={ action('input-change')}/>,
- html: InputErrorHtml
- }
-
-}
-
-const Inputs = () => (
- <Examples examples={examples} />
-);
-
-export default Inputs;