Lewati ke konten
aksesin.Design system
FondasiKomponenAlur produk
Coba prototype
MULAI DI SINI
IkhtisarFondasi & tokenKomponen AksesinAlur produkTangkapan layar
PRIMITIVES30
Aksi⌄
ButtonDropdown Menu
Formulir⌄
FieldInputTextareaSelectCheckboxRadioSwitch
Tampilan Data⌄
CardBadgeChipAvatarTableStatProgressSkeleton
Umpan Balik⌄
AlertToastDialogSheetPopoverTooltipEmpty State
Navigasi⌄
TabsAccordionBreadcrumbPaginationStepper
Tata Letak⌄
Divider
Buka prototype
Sumber kebenaran visualToken → komponen → layar

Popover

Panel mengambang yang tertaut pada pemicunya.

Basis: Popover API bawaan (popover="auto") — tutup-saat-klik-di-luar, Escape, dan lapisan atas tanpa state JavaScript sama sekali.

src/components/ui/popover.tsx

Catatan dukungan peramban

Penempatan panel memakai CSS anchor positioning: tersedia di Chrome dan Safari 26, belum di Firefox. Tanpa dukungan tersebut panel tetap terbuka dan tertutup dengan benar, hanya posisinya yang tidak mengikuti pemicu. Ini konsekuensi yang diterima dari keputusan tanpa pustaka komponen.

Perataan

Rata awal

Panel menempel pada tepi awal pemicunya.

Rata tengah

Panel berpusat pada pemicunya.

Rata akhir

Panel menempel pada tepi akhir pemicunya.

Kartu Profil

SWSri WahyuniSri Wahyuni
SWSri Wahyuni
Sri WahyuniVerifikator · Jawa Barat

Menangani 42 laporan sejak Januari 2026.

Props

PropTipeBawaanKeterangan
triggerReactNode—Elemen pemicu.
childrenReactNode—Isi panel.
align"start" | "center" | "end""start"Perataan panel terhadap pemicu.
SebelumnyaSheetBerikutnyaTooltip