Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
import { Checkbox } from 'sveltekev';
Your label
label xs
label sm
label md
label lg
label xl
label black
label white
label gray
label none
label default
label primary
label secondary
label success
label warning
label danger
radius none
radius sm
radius md
radius lg
radius full
color black
color white
color gray
color none
color default
color primary
color secondary
color success
color warning
color danger
ATTRIBUTE | TYPE | DEFAULT |
---|---|---|
label | string | "Checkbox" |
labelColor | 'black' | 'white' | 'gray' | 'none' | 'default' | 'primary' | 'secondary' | 'success' | 'warning'| 'danger' | white |
size (label size) | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | md |
radius | 'none' | 'sm' | 'md' | 'lg' | 'full' | lg |
color | 'black' | 'white' | 'gray' | 'none' | 'default' | 'primary' | 'secondary' | 'success' | 'warning'| 'danger' | primary |