Kobana UI
GitHub

LocaleToggle

Seletor de idioma/locale com dropdown.

Instalação

npx @kobana/ui add locale-toggle

Dependências shadcn/ui: button, dropdown-menu

Importação

import { LocaleToggle } from "@/components/kobana/locale-toggle"

Props

PropTipoDefaultDescrição
localestringLocale ativo (obrigatório)
locales{ value: string; label: string }[][pt-BR, en]Locales disponíveis
onLocaleChange(locale: string) => voidCallback de mudança (obrigatório)
srLabelstring"Alterar idioma"Label acessível
classNamestringClasses adicionais

Uso

<LocaleToggle
  locale={locale}
  onLocaleChange={setLocale}
  locales={[
    { value: "pt-BR", label: "Português (BR)" },
    { value: "en", label: "English" },
    { value: "es", label: "Español" },
  ]}
/>

On this page