로고SEED Design

Checkbox

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

Installation

npx @seed-design/cli@latest add checkbox

Props

PropTypeDefault
asChild?
boolean
false
indeterminate?
boolean
-
onCheckedChange?
((checked: boolean) => void)
-
defaultChecked?
boolean
-
checked?
boolean
-
required?
boolean
-
invalid?
boolean
-
disabled?
boolean
-
size?
"large" | "medium"
medium
variant?
"square" | "ghost"
square
weight?
"default" | "stronger"
default
label?
ReactNode
-
rootRef?
Ref<HTMLLabelElement>
-
inputProps?
InputHTMLAttributes<HTMLInputElement>
-

Examples

Size

Variant

Indeterminate

Weight=stronger

Long Text

Disabled

Use Cases

React Hook Form

On this page