Skip to content

Checkbox

Source page in Figma: Checkbox, Radio, Chip · 4 component sets · 0 standalone components

Index: ../component-registry.md · Workflows: ../workflows.md

NameKeyVariantsProperties
.Checkbox-Radio/Size/Groupbcff736ba19914cc85d49d4e83f8dbfadc4046aa8✏️ Content#18951:0=text
✏️ Desrc.#24049:5=text
type=Checkbox | Radio (default Checkbox)
Size=md | sm (default md)
Layout=Simple | Complex (default Simple)
Font weight=Default | Medium (default Medium)
.Checkbox-Radio/Size/Singleb2ae759635398fc57827ab126ff3125324fc9b7224Type=Checkbox | Radio (default Checkbox)
State=Default | Checked | Indeterminate (default Default)
SIze=md | sm | lg | xl (default md)
Checkbox-Radio/Group7b55a3a1bec2810415da5a91538e5a3652e67b7136R icon#19047:0=bool (default False)
🔄 R icon#19047:13=instance-swap
Select type=Checkbox | Radio (default Checkbox)
State=Default | Hover | Disable (default Default)
Checked=True | False (default False)
Layout=Simple | Complex (default Simple)
Indeterminate=False | True (default False)
Checkbox-Radio/Singlef876d0a3ac699d8a3eec672d62b7f1bca0047c55108Select type=Checkbox | Radio (default Checkbox)
State=Default | Hover | Disable (default Default)
Checked=true | false (default false)
Indeterminate=false | true (default false)
Color style=Bold | Matte (default Bold)
Color type=Brand | Tertiary | Success | Danger (default Brand)