Checkbox

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

Basic Checkbox

Simple checkbox with label.

Accept terms and conditions

Controlled

Checkbox with controlled state.

I agree to the terms and conditions

Status: Not accepted

Disabled

Checkboxes in disabled state.

Disabled unchecked
Disabled checked

Checkbox List

Multiple checkboxes in a list.

Send email notifications
Send push notifications
Send SMS notifications
Marketing emails

Selected: 0 items

With Descriptions

Checkboxes with additional context.

Marketing Emails

Receive emails about new products and special offers.

Security Updates

Get notified about security updates and account activity.

Newsletter

Weekly newsletter with tips, tutorials, and news.

Form Example

Checkboxes in a settings form.

Privacy Settings

Show profile to public
Show email address
Allow messages from anyone

Communication Preferences

Email notifications
Push notifications
SMS notifications

Select All Pattern

Checkbox list with select all functionality.

Select All
Document.pdf
Spreadsheet.xlsx
Presentation.pptx
Image.png