N
neokit

Radio

A styled radio button input. Built on <input type="radio"> with DaisyUI's radio class. Group multiple radios by sharing the same name prop. Wrap in a <label> for accessibility.

Default

A basic radio group with one pre-selected.

radio default

Colors

All eight DaisyUI color tokens, each checked.

radio colors

Sizes

Five sizes: xsxl.

radio sizes

Disabled

Unselected and pre-selected disabled states.

radio disabled

Plan selector

Real-world pricing tier selection.

radio plan selector

Horizontal group

Radios laid out in a row.

radio horizontal