Komponen / Aksi
PullDownButton
Tombol yang membuka menu aksi terkait: "Ekspor ▾" (Excel, PDF, CSV) di toolbar daftar, "Aksi lain ▾" di header detail PO, dan ⋯ di baris tabel.
Import
tsx
import { PullDownButton, ActionMenu } from '@divistant/circca-react';Props
Juga menerima atribut <button>. Ref menunjuk ke tombol pemicu.
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| label | string | — | Label tombol ("Ekspor", "Aksi lain"). Pada varian ikon menjadi aria-label + tooltip — sebut barisnya bila di tabel. |
| children | ReactNode | — | Isi menu: ActionMenu.Item / Group / Separator. |
| items | ActionMenuEntry[] | — | Pintasan data sebagai ganti children (bentuk sama dengan ActionMenu `items`). |
| variant | 'secondary' | 'ghost' | 'secondary' | Secondary untuk aksi mandiri; Ghost untuk toolbar & baris tabel. |
| size | 'sm' | 'md' | 'md' | Tinggi 24 / 28 (chevron 14 / 16). |
| leadingVisual | Visual | — | Ikon sebelum label, mis. DownloadSimple untuk "Ekspor". |
| icon | Visual | — | Varian ikon saja (IconButton tanpa chevron), mis. DotsThree. |
| align | 'start' | 'center' | 'end' | 'start' | Perataan menu; `end` untuk tombol di ujung kanan. |
| side | 'top' | 'right' | 'bottom' | 'left' | 'bottom' | Sisi tombol tempat menu muncul. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — | Kendali keadaan terbuka. |
| modal | boolean | true | Bagian lain halaman tidak bisa diklik selama menu terbuka. |
| disabled | boolean | false | Nonaktif: opasitas 45%, menu tidak bisa dibuka. |
| menuClassName | string | — | Kelas tambahan untuk panel menu. |
| className | string | — | Kelas tambahan untuk tombol. |
Sumber
Kode komponen ada di packages/react/src/components/pull-down-button. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.