Switch

To style the switch, add the “switch-variant-size-color” class.

Usage

Add the switch class to the input element to apply size, variants, color.

Form

Use the <label> element as it is

Styling

The switch class is a dynamic unocss shortcut so you can extend it

• Syntax: switch-[variant]-[color]-[size]
• Color: color of the switch
• Size: Predefined sizes are xs, sm, md, lg, xl, or pass a numeric value