Back to Daisyui

Toggle

skills/daisyui/components/toggle.md

5.6.3553 B
Original Source

toggle

Toggle is a checkbox that is styled to look like a switch button

toggle docs

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

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

Rules

  • {MODIFIER} is optional and can have one of each color/size class names