Tailwind CSS Checkbox

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

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

Basic usage

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

Default checkbox

Checked checkbox

Disabled checkbox.

Disabled checkbox

Disabled checked checkbox

A group of checkbox components.

Apple

Pear

Orange

Apple

Pear

Orange

Apple

Pear

Orange

Delete Notify me when this action happens.

Archive Notify me when this action happens.

Checkbox components within form input stacked in a grid format.

Default checkbox Checked checkbox

Checkbox components within form input vertically grouped.

Default checkbox Checked checkbox

Checkbox placed on the right side.

Default checkbox Checked checkbox

Make the list item appear with checkbox.

Make a horizontal list group item appear with checkbox.