Language switcher
Locale picker: globe + code trigger, popover with search over native names, English names and codes, a Suggested group, region variants under each language, keyboard navigation and an inline panel mode; no flags.
Preview
Harbour Books
Welcome back
Locale: en-GB
Suggested
English (United Kingdom)English, United Kingdomen-GB
Français (France)French, Francefr-FR
Português (Brasil)Portuguese, Brazil
All languages
EnglishEnglish
United Statesen-US
United Kingdomen-GB
Indiaen-IN
EspañolSpanish
EspañaSpaines-ES
MéxicoMexicoes-MX
FrançaisFrench
Francefr-FR
Canadafr-CA
DeutschGermande
PortuguêsPortuguese
BrasilBrazil
Portugalpt-PT
ItalianoItalianit
NederlandsDutchnl
PolskiPolishpl
TürkçeTurkishtr
УкраїнськаUkrainianuk
ΕλληνικάGreekel
العربيةArabicar
हिन्दीHindihi
日本語Japaneseja
한국어Koreanko
中文Chinese
简体Simplifiedzh-CN
繁體Traditionalzh-TW
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| languages | { code; native; english; rtl?; regions? }[] | — | Languages in their own names; regions become separate locales. |
| suggested | string[] | [] | Locale codes offered first, e.g. from the browser. |
| value / defaultValue / onValueChange | string / string / (locale: string) => void | — / first locale / — | The chosen locale code, e.g. pt-BR. |
| inline | boolean | false | Show the panel without the trigger and popover. |
| label | string | "Language" | Names the trigger and the list. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.