Merge pull request #1117 from web3ui/feat-toggle-value

Add prop isChecked to Toggle component

Author: dani69654

packages/core/src/lib/Toggle/Toggle.tsx

@@ -4,6 +4,7 @@ import ToggleStyles from './Toggle.styles';
 const { LabelStyled } = ToggleStyles;
 
 const Toggle: React.FC<IToggleProps> = ({
+    isChecked,
     customize,
     disabled = false,
     id = 'web3uiKit-toggle',
@@ -39,6 +40,7 @@ const Toggle: React.FC<IToggleProps> = ({
                 {labelOff}
             </span>
             <input
+                checked={isChecked}
                 data-testid="test-toggle-input"
                 disabled={disabled}
                 id={id}

packages/core/src/lib/Toggle/types.ts

@@ -5,6 +5,11 @@ export type ValidateCheckbox = {
 };
 
 export interface IToggleProps {
+    /**
+     * Whether the toggle is checked or not
+     */
+    isChecked?: boolean;
+
     /**
      * Customize the element
      */