Design SystemComponents
Phone number
Let users enter a phone number with an international code.
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 visible label names the group of both fields (or the number input alone when the code field is hidden). Each field also carries its own accessible name — code-aria-label falls back to code-placeholder, and number-aria-label falls back to label — so screen reader users can tell the code select and the number input apart.