1. Components
  2. Radio

Basic Forms

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.

Attention needed

By default Preline UI uses Tailwind CSS Forms plugin. Don't forget to install it!


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.