Kevin Mendoza

Checkbox

Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.

Import

import { Checkbox } from 'sveltekev';

Label

Your label

Label Size

label xs

label sm

label md

label lg

label xl

Label color

label black

label white

label gray

label none

label default

label primary

label secondary

label success

label warning

label danger

Radius

radius none

radius sm

radius md

radius lg

radius full

Color

color black

color white

color gray

color none

color default

color primary

color secondary

color success

color warning

color danger

API

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