Checkbox

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

Basic Checkbox
A simple checkbox with state display.

State:

Checked by Default
A checkbox that starts in the checked state with additional description.

State:

Disabled
A checkbox that cannot be interacted with.

State: (disabled - cannot be changed)

Custom Styled
A checkbox with custom styling and hover effects.

State:

Multiple Checkboxes
Multiple checkboxes using form state management.

Selected preferences:

  • ✓ Newsletter
  • ✓ Product updates
  • ✓ Marketing emails
  • None selected
Form Example
A complete form with checkbox validation and submission.
Create Account
Enter your information to create an account.