diff --git a/src/RadioGroup/index.js b/src/RadioGroup/index.js index 91ffd9657..815ab1ea0 100644 --- 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}; + } `} ) @@ -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 index 812697860..c4e9b1a5e 100644 --- a/stories/RadioGroup.stories.js +++ b/stories/RadioGroup.stories.js @@ -90,5 +90,16 @@ storiesOf('RadioGroup', module) ]} error /> +
+ ))