fix checkbox props

zwgnr · Feb 15, 2023 · c7c5765 · c7c5765
1 parent ac9f5f9
commit c7c5765
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/.changeset/nine-maps-pretend.md b/.changeset/nine-maps-pretend.md
@@ -0,0 +1,5 @@
+---
+"@cakepop/react": minor
+---
+
+Pass radix checkbox props to react component
diff --git a/packages/cakepop-react/src/components/Checkbox/Checkbox.tsx b/packages/cakepop-react/src/components/Checkbox/Checkbox.tsx
@@ -28,13 +28,32 @@ export type CBProps = Props &
   CheckboxProps;
 
 export const Checkbox = forwardRef<Ref, CBProps>((props, forwardedRef) => {
-  const { sx = {}, children, variant, size } = props;
+  const {
+    sx = {},
+    children,
+    variant,
+    size,
+    defaultChecked,
+    checked,
+    onCheckedChange,
+    disabled,
+    required,
+    name,
+    value,
+  } = props;
   let { className, style } = pop(sx!);
   let ref = useObjectRef(forwardedRef);
   return (
     <form>
       <Flex style={{ alignItems: 'center' }}>
         <RadixCheckbox.Root
+          defaultChecked={defaultChecked}
+          checked={checked}
+          onCheckedChange={onCheckedChange}
+          disabled={disabled}
+          required={required}
+          name={name}
+          value={value}
           style={style}
           className={clsx(!!sx && className, cbRootRecipe({ size }))}
           id='c1'>