Checkbox Component

Label Positions

Variants

Colors

Sizes

Alignments

States

Indeterminate

High Contrast

Only available on "solid" variant

Styling Attributes

Root

.checkbox-root

Property
Type
Values
Default

data-variant

enum

"solid" | "outlined" | "muted"

data-checked

boolean

"true" | "false"

undefined

data-indeterminate

boolean

"true" | "false"

undefined

data-high-contrast

boolean

"true" | "false"

undefined

data-disabled

boolean

"true" | "false"

undefined

data-readonly

boolean

"true" | "false"

undefined

data-required

boolean

"true" | "false"

undefined

Indicator

.checkbox-indicator

Property
Type
Values
Default

data-variant

enum

"solid" | "outlined" | "muted"

Label

.checkbox-label

Property
Type
Values
Default

data-position

enum

"top" | "bottom" | "left" | "right"