Components

Checkbox

Let users select one or more options.

Work in progress

This section is not defined in the Dr. Max Design System library (design.drmax.eu) yet. See the Developer tab for usage.

The component renders a native <input type="checkbox"> associated with its visible label, so assistive technology announces the label together with the checked state. Validation errors set aria-invalid on the input and are linked to it via aria-describedby; extra ARIA attributes can be passed through the accessibility prop.

Keyboard navigation

Keys	Action
`Tab`	Focus lands on the (non-disabled) checkbox.
`Space`	Toggles the checked state.