summaryrefslogtreecommitdiffstats
path: root/stories/react/Radio.stories.js
diff options
context:
space:
mode:
Diffstat (limited to 'stories/react/Radio.stories.js')
-rw-r--r--stories/react/Radio.stories.js33
1 files changed, 33 insertions, 0 deletions
diff --git a/stories/react/Radio.stories.js b/stories/react/Radio.stories.js
new file mode 100644
index 0000000..151f947
--- /dev/null
+++ b/stories/react/Radio.stories.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import Examples from './utils/Examples.js';
+
+import Radio from '../../src/react/Radio';
+import HTMLRadioChecked from '../../components/radio/radio-checked.html';
+import HTMLRadioUnchecked from '../../components/radio/radio-unchecked.html';
+import HTMLRadioDisabled from '../../components/radio/radio-disabled.html';
+import HTMLRadioDisabledChecked from '../../components/radio/radio-disabled-checked.html';
+
+let examples = {
+ Checked: {
+ jsx: <Radio name='grp1' checked={true} label='This is the radio label' value='myVal' onChange={()=>{}} data-test-id='myradio-1' inputRef={() => {} } />,
+ html: HTMLRadioChecked
+ },
+ Unchecked: {
+ jsx: <Radio name='grp2' label='This is the radio label' value='myVal' onChange={()=>{}} data-test-id='myradio-2' inputRef={() => {} } />,
+ html: HTMLRadioUnchecked
+ },
+ Disabled: {
+ jsx: <Radio name='grp3' label='This is the radio label' disabled={true} value='myVal' onChange={()=>{}} data-test-id='myradio-4' inputRef={() => {} } />,
+ html: HTMLRadioDisabled
+ },
+ 'Disabled and Checked': {
+ jsx: <Radio name='grp4' label='This is the radio label' disabled={true} checked={true} value='myVal' onChange={()=>{}} data-test-id='myradio-4' inputRef={() => {} } />,
+ html: HTMLRadioDisabledChecked
+ }
+};
+
+const Radios = () => (
+ <Examples examples={examples} />
+);
+
+export default Radios;