Form Checkboxes

Basic Checkbox Usage

Simple checkboxes with labels for binary choices and opt-in selections.

Checkbox Sizes

Three sizes available: Small (14px label), Medium (16px label), and Large (18px label).

Checkbox States

Interactive states including checked, indeterminate, error, and disabled states.

Interactive Examples

Live examples with validation, required fields, and state management.

Agreement Section

I accept the terms and conditions*

You must accept the terms to continue

Indeterminate Example

Select all options

This demonstrates the indeterminate state (partial selection)

Notification Preferences

Email notifications

SMS notifications

Push notifications

Choose how you'd like to be notified

Checkbox Groups

Examples of checkbox groups for multiple selections and permissions.

User Permissions

Read access

Write access

Delete access

Admin access

Select permissions for this user role

Feature Toggles

Beta features

Advanced analytics

API access

Enable experimental features

Complete Checkbox Showcase

Comprehensive showcase of all checkbox size and state combinations.

Real-world Form Example

Practical checkbox usage in a complete form scenario.

Create Account

Communication Preferences

Send me product updates via email

Send me marketing offers and promotions

Send me important security notifications

Choose how we can contact you

Legal Agreements

I agree to the Terms of Service*

I agree to the Privacy Policy*

I agree to receive cookies for analytics (optional)

Required agreements must be accepted