Toggle

A toggle is a checkbox with the style of a switch button.

Toggle documentation

Class names

• component: toggle
• color: toggle-primary, toggle-secondary, toggle-accent, toggle-neutral, toggle-success, toggle-warning, toggle-info, toggle-error
• size: toggle-xs, toggle-sm, toggle-md, toggle-lg, toggle-xl

Syntax

<input type="checkbox" class="toggle {MODIFIER}" />

Rules

• {MODIFIER} is optional. It can include one color class name and one size class name.