1. Basic Forms
  2. Checkbox


Tailwind CSS Checkbox

A checkbox is an input control that allows a user to select one or more options from a number of choices.

Basic usage


By default, a checkbox input includes a selected and unselected state.


Disabled checkbox.

Checkbox group

A group of checkbox components.

List with description

Checkbox within form input

Checkbox 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.