Components/Tooltip (AppTooltip)
Tooltip (AppTooltip)
● Needs Review Web Nuxt 4 + Mobile React Native
Keterangan singkat yang muncul saat elemen pemicu di-hover atau difokuskan — untuk penjelasan istilah singkat (mis. singkatan skor) tanpa memakan ruang layar permanen.
Import
import { AppTooltip } from '#components'Keterangan sekilas pada ikon/istilah
Gunakan untuk memperjelas ikon tanpa label atau singkatan (mis. "TIU") tanpa menambah teks permanen di layar. Tooltip muncul lewat hover mouse maupun focus keyboard pada elemen di dalam slot default-nya, jadi elemen pemicu tetap harus bisa difokuskan sendiri (tombol, tautan, atau elemen dengan tabindex) — bukan lewat teks polos.
Tooltip Playground
Arahkan kursor atau Tab ke ikon info di bawah untuk melihat tooltip.
Butuh detail props, events, dan slot?