UI: Components

Checkboxes & Radio Buttons

These are the default checkboxes and radio-buttons. Styled with various modifiers, controlling size, colors and symbols.

Checkboxes XXS XS SM MD LG XL XXL

With `role=switch`

Checkboxes as Switches XXS XS SM MD LG XL XXL

Radio Buttons

Radio Buttons XXS XS SM MD LG XL XXL

Variants

Variants With --round With --square With --cross With --round --cross Radio with --square Radio with --square

Colors With bg-gray With bg-error With bg-warning With bg-success With bg-error --light --cross With bg-warning --light --square With bg-success --light --round

UI: Components

Checkboxes & Radio Buttons

With role=switch

Radio Buttons

Variants

With `role=switch`