benjaminpalko/.opencode/skills/daisyui/components/toggle.md
2026-08-11 15:34:48 -04:00

17 lines
554 B
Markdown

### toggle
Toggle is a checkbox that is styled to look like a switch button
[toggle docs](https://daisyui.com/components/toggle/)
#### 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