CORE-4661 swith disable (#647)

oacore · Nov 24, 2023 · c4da377 · c4da377
1 parent 0a019ce
commit c4da377
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/elements/switch/switch.css b/src/elements/switch/switch.css
@@ -76,3 +76,7 @@
   margin-left: 1rem;
   font-size: var(--label-font-size);
 }
+
+.non-active {
+  cursor: not-allowed;
+}
diff --git a/src/elements/switch/switch.jsx b/src/elements/switch/switch.jsx
@@ -11,6 +11,8 @@ const Switch = ({
   name = id,
   checked,
   onChange,
+  // eslint-disable-next-line react/prop-types
+  nonActive = false,
   label,
   className,
   ...props
@@ -34,6 +36,7 @@ const Switch = ({
       <label
         className={classNames.use(useStyles(styles.box), {
           [styles.active]: checked,
+          [styles.nonActive]: nonActive,
         })}
         htmlFor={name}
       >