Dropdown Menu

Menu tindakan berbasis Popover API dengan pemisah dan pintasan.

Basis: Popover API bawaan (popover="auto"). Tutup-saat-klik-di-luar, tombol Escape, dan penumpukan lapisan atas berjalan tanpa state JavaScript.

src/components/ui/dropdown-menu.tsx

Catatan dukungan peramban

Penempatan menu memakai CSS anchor positioning, yang sudah tersedia di Chrome dan Safari 26 tetapi belum di Firefox. Pada peramban tanpa dukungan, menu tetap terbuka dan tertutup dengan benar — hanya posisinya yang tidak mengikuti pemicu. Cukup untuk prototipe yang ditangkap di Chrome.

Dasar

Props

Prop	Tipe	Bawaan	Keterangan
`trigger`	`ReactNode`	—	Elemen tombol pemicu. Atribut popovertarget diteruskan tanpa tombol bersarang.
`items`	`Array<MenuItem \| "separator">`	—	Daftar tindakan. MenuItem menerima label, icon, shortcut, destructive, dan disabled.
`align`	`"start" \| "end"`	`"start"`	Perataan menu terhadap pemicunya.