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

Browse every Tooltip variant

7 variants · click a card to open it, or view them all live.

View all live
tooltip-01tooltip-01
tooltip-01Tooltip bawaan, muncul saat kursor berhenti di atasnya.
tooltip-02tooltip-02
tooltip-02Dengan panah kecil yang menunjuk pemicunya.
tooltip-03tooltip-03
tooltip-03Empat sisi: kiri, atas, bawah, dan kanan.
tooltip-04tooltip-04
tooltip-04Pemicunya dimatikan, tooltipnya tetap muncul.
tooltip-05tooltip-05
tooltip-05Jeda sebelum muncul bisa diatur sendiri.
tooltip-06tooltip-06
tooltip-06Setelah satu tooltip terbuka, tetangganya muncul tanpa jeda.
tooltip-07tooltip-07
tooltip-07Digambar di luar induknya, jadi tidak terpotong wadahnya.
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping