(#0) Checkbox className 추가

thebbodek · Dec 2, 2023 · d2787b3 · d2787b3
1 parent 60a913f
commit d2787b3
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/core/components/Checkbox/index.tsx b/src/core/components/Checkbox/index.tsx
@@ -11,6 +11,8 @@ const Checkbox = forwardRef((
       label,
       svgSize = SVG_SIZE["SIZE_24"],
       isCircle = false,
+      className,
+      ...props
     }: CheckboxProps,
     ref: React.ComponentPropsWithRef<"input">["ref"],
   ) => {
@@ -22,8 +24,8 @@ const Checkbox = forwardRef((
   const svg = !isCircle ? RectangleCheckbox : CircleCheckbox;
 
   return (
-    <label htmlFor = {id} className = {clsx("cursor-pointer", label && "flex items-center gap-2.5")}>
-      <input ref = {ref} id = {id} type = "checkbox" className = "peer sr-only"/>
+    <label htmlFor = {id} className = {clsx("cursor-pointer", label && "flex items-center gap-2.5", className)}>
+      <input ref = {ref} id = {id} type = "checkbox" className = "peer sr-only" {...props}/>
       <div className = {`${CHECKBOX_SVG_SIZE[svgSize]} peer-checked:[&>svg>path]:fill-primary-03`}>
         {svg}
       </div>