Checkbox
Checkbox belongs to the Forms category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
If you are composing interactions in the same family, these components usually pair well together.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-05-11
update component structure for improved readability
set default rovingFocus prop in CheckboxCardGroupCompact
set default rovingFocus prop in CheckboxCardGroup and CheckboxGroup
2026-04-26
update forwardedProps to omit 'class' instead of 'label'
fix emit parameter syntax for consistency
update forwardedProps to omit 'class' instead of 'label'
2026-03-01
conditionally render CheckboxLabel based on slot or label presence; update root variant style
2026-01-21
fix markdown format
2026-01-19
support enter keyboard to toggle checked state
2025-11-18
add Checkbox component with various states and group functionality
refactor checkbox components to utilize new theme context and improve structure with SCheckbox and SCheckboxGroup
add CheckboxCard and CheckboxCardGroup components, enhancing checkbox functionality with card layouts and improved UI integration
add color and size examples, enhance checkbox card and group components with color support, and improve checkbox labels
introduce shape and icon examples, enhance checkbox components with shape support, and update card group styling
update click handler to check for groupContext existence before accessing modelValue
remove unused constants and CSS variables from shared checkbox file
consolidate CheckedState type definition and update related functions for clarity
simplify checkbox component structure and enhance group functionality with improved state management
enhance accessibility and state management by introducing getAriaLabel function and updating element references
improve type safety by ensuring modelValue updates only with non-nullable values
update checkbox context and styling to use data-state attribute for improved state management
move isIndeterminate function to shared utility and clean up imports
add Checkbox component with various states and group functionality
refactor checkbox components to utilize new theme context and improve structure with SCheckbox and SCheckboxGroup
add CheckboxCard and CheckboxCardGroup components, enhancing checkbox functionality with card layouts and improved UI integration
add color and size examples, enhance checkbox card and group components with color support, and improve checkbox labels
introduce shape and icon examples, enhance checkbox components with shape support, and update card group styling
update click handler to check for groupContext existence before accessing modelValue
remove unused constants and CSS variables from shared checkbox file
consolidate CheckedState type definition and update related functions for clarity
simplify checkbox component structure and enhance group functionality with improved state management
enhance accessibility and state management by introducing getAriaLabel function and updating element references
improve type safety by ensuring modelValue updates only with non-nullable values
update checkbox context and styling to use data-state attribute for improved state management
move isIndeterminate function to shared utility and clean up imports