Checkbox

A control that allows the user to toggle between checked and not checked.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add checkbox

Usage

Basic

You agree to our Terms of Service and Privacy Policy.

Default

This checkbox will be in the indeterminate state by default.

Shadcn

By clicking this checkbox, you agree to the terms and conditions.

Origin UI

Simple

Indeterminate

Colored

Disabled

Line Through

Fancy Todo

Frameworks (Group Checkbox)

Frameworks (Group Checkbox - Vertical)

Checkbox with Description

You can use this checkbox with a label and a description.

You can use this checkbox with a label and a description.

A short description goes here

A short description goes here.

Selections

Days of the week
Dark mode toggle checkbox