Components

Radio group

Group radios under a shared label and value.

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 group renders a radiogroup element labelled by the visible group label, and every child radio is a native <input type="radio"> sharing the group's name. Validation errors are linked to the group via aria-describedby; extra ARIA attributes can be passed through the accessibility prop.

Keyboard navigation

Keys	Action
`Tab`	Focus lands on the checked (or first) radio of the group.
`Arrow keys`	Move the selection between the radios in the group.
`Space`	Checks the focused radio.