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
/>
+
+
>
))