kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Variants
  • All308
  • Accordion12
  • Alert10
  • Alert Dialog6
  • Avatar16
  • Badge17
  • Breadcrumb15
  • Button23
  • Card13
  • Carousel11
  • Checkbox16
  • Collapsible4
  • Dropdown Menu8
  • Input12
  • Input OTP7
  • Navigation Menu8
  • Pagination15
  • Progress12
  • Radio Group9
  • Select11
  • Separator7
  • Slider15
  • Spinner11
  • Switch7
  • Table11
  • Tabs18
  • Textarea7
  • Tooltip7
    • tooltip-01
    • tooltip-02
    • tooltip-03
    • tooltip-04
    • tooltip-05
    • tooltip-06
    • tooltip-07
New: 308 component variants

Tooltip

Tujuh tooltip: arah, panah, jeda muncul, dan yang digambar di luar induknya.

Browse VariantsDocumentation
Tooltip bawaan, muncul saat kursor berhenti di atasnya
Open variant page

Loading code…

Dengan panah kecil yang menunjuk pemicunya
Open variant page

Loading code…

Empat sisi: kiri, atas, bawah, dan kanan
Open variant page

Loading code…

Pemicunya dimatikan, tooltipnya tetap muncul
Open variant page

Loading code…

Jeda sebelum muncul bisa diatur sendiri
Open variant page

Loading code…

Setelah satu tooltip terbuka, tetangganya muncul tanpa jeda
Open variant page

Loading code…

Digambar di luar induknya, jadi tidak terpotong wadahnya
Open variant page

Loading code…

Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping