Add StyledToggle component

3 years ago · 30672f1b81
1 changed files with 9 additions and 0 deletions
--- a/src/components/shared/styled.ts
+++ b/src/components/shared/styled.ts
@ -16,6 +16,7 @@ import {
  TagPicker,
  Tag,
  CheckPicker,
+  Toggle,
 } from 'rsuite';
 import styled from 'styled-components';
 import TagLink from './TagLink';
@ -177,6 +178,14 @@ export const StyledCheckbox = styled(Checkbox)`
  }
 `;

+export const StyledToggle = styled(Toggle)`
+  background-color: ${(props) => (props.checked ? props.theme.colors.primary : '')} !important;
+
+  .rs-btn-toggle-inner {
+    color: ${(props) => (props.checked ? props.theme.colors.button.primary.color : '')} !important;
+  }
+`;
+
 export const StyledRadio = styled(Radio)`
  div {
    label {