1. Components
  2. Checkbox

Basic Forms

Tailwind CSS Checkbox

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

Attention needed

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


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.