Checkbox

Checkbox input for multiple selections

Preview
Interactive preview of the Checkbox component
Usage Guidelines

When to use

  • Use checkbox components when you need to collect user input
  • Consider using checkbox for structured content presentation

Best practices

  • Maintain consistent styling across similar checkbox components
  • Ensure proper labeling and accessibility attributes
  • Use appropriate variants for different contexts and purposes
Accessibility

The Checkbox component follows accessibility best practices:

  • Uses semantic HTML elements when appropriate
  • Supports keyboard navigation
  • Includes proper ARIA attributes
  • Maintains sufficient color contrast
Used On Pages

The Checkbox component is used on the following pages: