Live Docs

Navigation

Brand /

stable

Lang Toggle

Pemilih bahasa Indonesia / Inggris — segmented control di desktop, atau satu tombol kompak untuk mobile. Pilihan persisten via LangProvider.

import { LangToggle } from "@naraya/ui";

Overview

LangToggle membaca LangProvider (sudah ada via AppShell) dan mengganti bahasa aktif secara persisten. Pasangkan dengan helper t() untuk menerjemahkan teks aplikasi. Lihat Bilingual Setup untuk konfigurasi kamus.

Examples

Segmented (default)

<LangToggle />

Compact

Satu tombol menampilkan kode bahasa aktif; klik untuk bolak-balik. Cocok untuk topbar mobile.

<LangToggle compact />

Props

PropTypeDefaultDescription
compactbooleanfalseRender satu tombol kode aktif (toggle) alih-alih segmented ID | EN.
classNamestring—Class tambahan untuk wrapper.

Accessibility

  • Versi segmented memakai role="radiogroup" dengan setiap opsi role="radio" + aria-checked.
  • Versi compact punya aria-label dinamis (bahasa aktif + target ganti).
  • Mengganti bahasa juga memperbarui atribut lang pada elemen <html>.