Toggle

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

Class name	Type
form-control	Component	Container element
toggle	Component	For checkbox
toggle-primary	Modifier	Adds `primary` to toggle
toggle-secondary	Modifier	Adds `secondary` to toggle
toggle-accent	Modifier	Adds `accent` to toggle
toggle-success	Modifier	Adds `success` to toggle
toggle-warning	Modifier	Adds `warning` to toggle
toggle-info	Modifier	Adds `info` to toggle
toggle-error	Modifier	Adds `error` to toggle
toggle-lg	Responsive	Large toggle
toggle-md	Responsive	Medium toggle (default)
toggle-sm	Responsive	Small toggle
toggle-xs	Responsive	Extra small toggle

# Toggle

# With label and form-control

Remember me

# Checkboxes with brand colors

Remember me

Remember me

Remember me

# Checkboxes with state colors

# Sizes

# Disabled

# Disabled and checked

# Indeterminate

Do you have a question? ask the community

Do you see a bug? open an issue on GitHub

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective

Edit this page on GitHub

Sponsors

Make your React site visually editable

Become a sponsor

Sponsors

Make your React site visually editable

Become a sponsor