fix: add checked to checkbox/toggle interface

stoplightio · Jan 28, 2019 · b33ec37 · b33ec37
1 parent 52b9eaa
commit b33ec37
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/Checkbox.tsx b/src/Checkbox.tsx
@@ -10,7 +10,7 @@ export const Checkbox: FunctionComponent<ICheckbox> = props => {
   const { id, disabled: isDisabled, onChange, ...rest } = props;
 
   const [checked, setValue] = useState<boolean>(props.checked || false);
-  const isChecked = props.hasOwnProperty('checked') ? props.checked : checked;
+  const isChecked = props.hasOwnProperty('checked') ? props.checked || false : checked;
 
   const css = checkboxStyles({ isDisabled, isChecked });
 
@@ -44,6 +44,7 @@ export const Checkbox: FunctionComponent<ICheckbox> = props => {
 
 export interface ICheckboxProps {
   id: IBox['id'];
+  checked?: boolean;
   onChange?: (checked: boolean) => void;
 }
 

diff --git a/src/Toggle.tsx b/src/Toggle.tsx
@@ -36,7 +36,7 @@ export const Toggle: FunctionComponent<IToggle> = props => {
   const { id, disabled: isDisabled, onChange, ...rest } = props;
 
   const [checked, setValue] = useState<boolean>(props.checked || false);
-  const isChecked = props.hasOwnProperty('checked') ? props.checked : checked;
+  const isChecked = props.hasOwnProperty('checked') ? props.checked || false : checked;
 
   const css = toggleStyles({ isDisabled, isChecked });
 
@@ -64,6 +64,7 @@ export const Toggle: FunctionComponent<IToggle> = props => {
 };
 
 export interface IToggleProps {
+  checked?: boolean;
   onChange?: (checked: boolean) => void;
 }