All blocks
Language Select
Locale picker with native language names, English hints, and BCP-47 values — ready for i18n and profile settings forms.
Built withSelect
EnglishEnglish
简体中文Chinese (Simplified)
NederlandsDutch
FrançaisFrench
DeutschGerman
ItalianoItalian
日本語Japanese
한국어Korean
Português (Brasil)Portuguese (Brazil)
EspañolSpanish
Install
1npx stylexblocks add language-selectUsage — Ark UI
language-select.tsx
12345678910111213import { LanguageSelect } from "#components/blocks/ark-ui/language-select.tsx";
export function Example() { return ( <LanguageSelect name="locale" defaultValue="en" onValueChange={(locale) => { // BCP-47 tag, e.g. "en" }} /> );}