Merge pull request #16 from ingresse/update/disabled-radio-button

update: disabled radio button status
ingresse · Jul 24, 2020 · cf741db · cf741db
2 parents 24a8e3a + e760e76
commit cf741db
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/Form/RadioButton/RadioButton.jsx b/src/components/Form/RadioButton/RadioButton.jsx
@@ -22,6 +22,7 @@ function RadioButton({
  return (
  <RadioButtonWrapper
  htmlFor={id}
+ disabled={disabled}
  {...rest}
  >
  <RadioButtonInput

diff --git a/src/components/Form/RadioButton/RadioButtonStyled.js b/src/components/Form/RadioButton/RadioButtonStyled.js
@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+import { css } from '@emotion/core';
 import { colors } from '../../../utils';
 
 export const RadioButtonWrapper = styled.label`
@@ -10,6 +11,15 @@ export const RadioButtonWrapper = styled.label`
  padding-top: 5px;
  padding-left: 40px;
  padding-bottom: 5px;
+
+ span {
+ ${(props) => props.disabled &&
+ css`
+ color: ${colors.get('disabled')};
+ text-decoration: line-through;
+ `
+ }
+ }
 `;
 
 export const RadioButtonInput = styled.input`