Radio

Radio buttons allow the user to select one option from a set.

Class name
Type
form-controlComponent Container element
radioComponent For radio input
radio-primary
Modifier
Adds `primary` to radio
radio-secondary
Modifier
Adds `secondary` to radio
radio-accent
Modifier
Adds `accent` to radio
radio-success
Modifier
Adds `success` to radio
radio-warning
Modifier
Adds `warning` to radio
radio-info
Modifier
Adds `info` to radio
radio-error
Modifier
Adds `error` to radio
radio-lg
Responsive
Large radio
radio-md
Responsive
Medium radio (default)
radio-sm
Responsive
Small radio
radio-xs
Responsive
Extra small radio
# Radio
# Primary color
# Secondary color
# Accent color
# Success color
# Warning color
# Info color
# Error color
# Disabled
# With label and form-control and custom colors!
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
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details