Komponen / Form & input
Select
Memilih satu nilai dari daftar pendek (≤ ±15 opsi). Lebih dari itu pakai Combobox (dengan pencarian).
Import
tsx
import { Select } from '@divistant/circca-react';Props · Select
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| options | SelectOptionItem[] | — | { value, label, disabled?, leadingVisual? } |
| value | string | — | Nilai terkontrol. |
| defaultValue | string | — | Nilai awal tak terkontrol. |
| onValueChange | (value: string) => void | — | Dipanggil saat opsi dipilih. |
| placeholder | string | 'Pilih…' | Teks saat belum ada pilihan. |
| size | 'sm' | 'md' | 'lg' | 'md' | Tinggi 24 / 28 / 36. |
| leadingVisual | Visual | — | Ikon di kiri pemicu. |
| name | string | — | Nama field untuk form HTML. |
| invalid | boolean | false | Tampilan error. Otomatis true bila FormField punya `error`. |
| disabled | boolean | false | Nonaktif. Otomatis mengikuti FormField. |
| readOnly | boolean | false | Hanya baca: tampil seperti Input read-only, menu tidak bisa dibuka. Otomatis mengikuti FormField. |
Props · Select.Option
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| value | string | — | Nilai opsi (tidak boleh string kosong). |
| disabled | boolean | false | Opsi tidak berlaku. |
| leadingVisual | Visual | — | Ikon opsi. |
Sumber
Kode komponen ada di packages/react/src/components/select. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.