feat(radio-group): add disabled prop (#479)

dhis2 · Oct 7, 2019 · e98d348 · e98d348
1 parent 6350b21
commit e98d348
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/RadioGroup/index.js b/src/RadioGroup/index.js
@@ -26,8 +26,9 @@ const RadioGroup = ({
     valid,
     value,
     warning,
+    disabled,
 }) => {
-    const statusProps = { error, warning, valid }
+    const statusProps = { error, warning, valid, disabled }
     const radioStyle = inline ? inlineRadio : stackedRadio
 
     return (
@@ -89,6 +90,9 @@ const RadioGroup = ({
                 .error {
                     color: ${theme.error};
                 }
+                .disabled {
+                    color: ${theme.disabled};
+                }
             `}</style>
         </>
     )
@@ -112,6 +116,7 @@ RadioGroup.propTypes = {
     valid: statusPropType,
     value: propTypes.any,
     warning: statusPropType,
+    disabled: propTypes.bool,
 }
 
 RadioGroup.defaultProps = {

diff --git a/stories/RadioGroup.stories.js b/stories/RadioGroup.stories.js
@@ -90,5 +90,16 @@ storiesOf('RadioGroup', module)
                 ]}
                 error
             />
+            <br />
+            <RadioGroup
+                name="disabled"
+                label="Disabled"
+                value="red"
+                options={[
+                    { label: 'The red pill', value: 'red' },
+                    { label: 'The blue pill', value: 'blue' },
+                ]}
+                disabled
+            />
         </>
     ))