Design SystemComponents
Select
Let users pick one option from a native list.
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 <select> associated with its visible label, so it inherits the platform's keyboard behaviour (arrow keys to move between options, Enter/Space to open the picker) and the native mobile pickers. A stable ID is generated when the id prop is omitted, and extra ARIA attributes can be forwarded via the accessibility prop.
Validation errors set aria-invalid on the select and link the rendered messages via aria-describedby, so assistive technology announces them together with the field.