Checkbox groups allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
Use with checkbox components that extend the Fuegokit Checkbox ARIA primitive.
Import
import { CheckboxGroup } from "@fuegokit/react";
Usage
Accessibility
Individual checkboxes must have a visual label. If the checkbox group does not have a visible label, an aria-label or aria-labelledby prop must be passed instead to identify the element to assistive technology.
When being used in a form, once a user checks an option within a checkbox group, the result should not be saved or applied until the user has explicitly submitted their input using a "save" or "submit" button.
Anatomy
Checkbox group