Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA language menu where every language is written in its own language with its own lang attribute and the interface-language name beside it, and the trigger is named in full.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this in headers and footers of sites available in more than one language.
Do not use flags as languages: they stand for countries. Do not translate the languages' own names.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
languages | { code, nativeName, name }[] | - | Available languages. |
value / onValueChange | string / fn | - | The current code. |
lang="de" (and so on), so a screen reader pronounces "Deutsch" correctly; the name in the current language sits beside it.menuitemradio, so exactly one is checked.| Key | Action |
|---|---|
| Enter, Space or ArrowDown | opens the menu |
| Arrow keys and typeahead | move |
| Enter | chooses |
| Escape | closes |
The pattern ships a Testing Library test (menu-language-picker.test.tsx) that covers the full trigger name, native names with lang, switching and focus return.