Tailwind CSS Checkbox - Nira UI

Nira UI makes it easy to style checkboxes in Tailwind CSS. Instead of manually combining multiple utility classes, you can use the checkbox component class to create accessible, customizable, and modern checkboxes for your forms and apps.

With built-in variants, states, and responsive design support, you can match any UI theme quickly.

Default Checkbox

By default, the Nira UI checkbox uses the checkbox class, which applies consistent styling across browsers.

Checkbox Colors

Nira UI extends Tailwind’s color system to checkboxes, letting you visually represent states like success, warning, or danger.

Disabled Checkbox

To make a checkbox unselectable, just add the disabled attribute. Disabled checkboxes remain styled but cannot be interacted with.