Components

Radio

Let users select exactly one option.

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="radio"> associated with its visible label, so assistive technology announces the label together with the checked state. Validation errors set aria-invalid on the input; extra ARIA attributes can be passed through the accessibility prop.

Keyboard navigation

Keys	Action
`Tab`	Focus lands on the checked (or first) radio of a named set.
`Arrow keys`	Move the selection between radios sharing the same `name`.
`Space`	Checks the focused radio.