Selection · §5.29

Language selector

English and Français, plus machine-translated languages in their own group.

Variant
Machine languages
Theme
Contrast
Language
Motion
Text size

Code

<LanguageSelector onValueChange={setLang} t={t} value={lang} />

Accessibility

  • Each language in its own name with its lang attribute.
  • The change applies instantly without losing state.

Usage

Do

  • Reachable in one tap from every patient screen.

Don't

  • No flags for languages.

Platforms

Web
apps/web/components/edflow/language-selector.tsx
iOS
SwiftUI Picker
Android
Compose ListItem radio rows