Komponen / Navigasi
CompanySwitcher
Berpindah antar-perusahaan (PT Dikstra Cipta Solusi, PT Divistant Teknologi Indonesia) dalam satu aplikasi. Pemicu tanpa bingkai membuka menu pilihan tunggal.
Import
tsx
import { CompanySwitcher, getCompanyInitials } from '@divistant/circca-react';Props
Juga menerima atribut <button> untuk pemicu.
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| options | CompanyOption[] | — | { value, name, description?, logo?, initials?, disabled? } — perusahaan yang boleh diakses pengguna. |
| value | string | — | Perusahaan aktif (terkendali). |
| defaultValue | string | — | Perusahaan aktif awal bila tidak dikendalikan. Bawaan opsi pertama. |
| onValueChange | (value: string, option: CompanyOption) => void | — | Dipanggil setelah memilih perusahaan lain (tidak dipanggil bila memilih yang sama). |
| label | string | 'Perusahaan' | Judul grup di menu dan awalan nama aksesibel pemicu ("Perusahaan: PT Dikstra Cipta Solusi"). |
| onManage | () => void | — | Menampilkan aksi "Kelola akses perusahaan" di bawah pemisah. |
| manageLabel | string | 'Kelola akses perusahaan' | Teks aksi kelola. |
| announce | false | (option) => string | "Beralih ke {nama}" | Pengumuman aria-live setelah berpindah. Isi false bila aplikasi menampilkan Toast berisi pesan yang sama. |
| open / onOpenChange | boolean / (open) => void | — | Kendalikan buka/tutup menu. |
| menuClassName | string | — | Kelas tambahan panel menu (lebar bawaan 300). |
Sumber
Kode komponen ada di packages/react/src/components/company-switcher. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.