Checkbox
Form checkbox input with customizable styling and states
Basic Checkbox
Simple checkbox with labels
Show Code
Checkbox Sizes
Different sizes for various contexts
Show Code
Checkbox Colors
Various color themes
Show Code
Checkbox States
Different states and variants
Show Code
Checkbox Group
Group of related checkboxes
Show Code
Usage Notes
- Use clear, descriptive labels for accessibility
- Group related checkboxes with proper semantic structure
- Provide visual feedback for checked/unchecked states
- Consider using fieldsets for checkbox groups
- Ensure sufficient contrast for all color variants
- Support keyboard navigation with proper tabindex