Checkbox

Default

Checked

Helper text

ArchiveNotify me when this action happens.

Colors

Default

Primary

Secondary

Accent

Info

Success

Warning

Error

Custom colors

Hex code

Named color

Tailwind utility colors

FlyonUI variable

Sizes

Extra small

Small

Default

Large

Extra Large

Validation states

Delete (Valid)Notify me when this action happens.

Delete (Invalid)Notify me when this action happens.

Disabled & Indeterminate states

Indeterminate

Inline checkbox group

Vue

Angular

React

Vertical checkbox group

Vue

Angular

React