Komponen / Lapisan & umpan balik

Tooltip

Teks singkat yang muncul saat kontrol di-hover atau difokus untuk menjelaskan fungsinya. Tanpa caret, sesuai HIG.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Jelaskan fungsi kontrol yang hanya berupa ikon, atau akibat aksi yang labelnya ringkas.
Tulis 1–5 kata, tanpa titik di akhir: "Unduh PDF", "Muat ulang".
Pasang pada elemen yang bisa difokus agar pengguna keyboard juga melihatnya.

Hindari

Jangan menaruh informasi penting atau satu-satunya penjelasan di tooltip — tidak terlihat di layar sentuh.
Jangan mengulang label yang sudah terlihat ("Simpan" pada tombol "Simpan").
Jangan menaruh tautan, tombol, atau isian di dalam tooltip — pakai Popover.

Unduh PDF

GunakanTeks singkat yang menyebut fungsi kontrol.

Mengunduh dokumen dalam format PDF. Dokumen yang belum disetujui Finance tidak bisa diunduh dan akan muncul pesan error.

HindariParagraf panjang berisi aturan bisnis yang seharusnya tampil di layar.

Kirim ke Rina Kartika (Finance)

GunakanTooltip menambah informasi yang tidak ada di label.

Kirim invoice

HindariTooltip mengulang label tombol yang sudah terbaca.