1. Basic Forms
  2. Radio


Tailwind CSS Radio

A radio input allows people to select only one option from a number of choices. Radio is generally displayed in a radio group.

Basic usage


The default way to present a single option from a list.


Disabled radio.

Inline radio group

A group of radio components.

Vertical radio group

A vertical group of radio components.

List with description

Radio within form input

Radio components within form input stacked in a grid format.

Checkbox components within form input vertically grouped.

On right

Checkbox placed on the right side.

With list group

Make the list item appear with checkbox.

With horizontal list group

Make a horizontal list group item appear with checkbox.