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

Tooltip

Keterangan singkat saat kursor menyentuh elemen.

Basis: Murni CSS — elemen saudara yang muncul saat group-hover atau group-focus-within. Sengaja bukan Popover API: tooltip tidak boleh mengambil fokus atau membajak tombol Escape.

src/components/ui/tooltip.tsx

Posisi

Arahkan kursor ke tombol untuk memunculkan keterangan.

Muncul di atas pemicuMuncul di bawah pemicu

Pada Ikon Bantuan

Pola paling umum: menjelaskan istilah tanpa memenuhi antarmuka.

Skor verifikasiDihitung dari kelengkapan dokumen dan konsistensi kronologi.Status anonimIdentitasmu tidak dibagikan kepada pihak terlapor.

Props

PropTipeBawaanKeterangan
contentReactNode—Isi keterangan.
childrenReactNode—Elemen pemicu.
side"top" | "bottom""top"Sisi kemunculan relatif terhadap pemicu.
SebelumnyaPopoverBerikutnyaEmpty State