Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Preview

Installation

pnpm dlx vibe-ui-kit@latest add tooltip

Variants

Directions

Glassmorphic

Component Concept

Vibe UI's Tooltip component displays helpful popover labels when hovering or focusing an element. It wraps Radix UI Tooltip primitives to manage delayed trigger toggles.

PreviousToggle

Next Uploader

Contributors

Jenish Sabhadiya

Theme Customizer

Primary Theme Accent

Border Corner Radius

Glass Backdrop Blur8px

Export CSS Config

@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}

Changes apply instantly to this documentation workspace.

Tooltip | Vibe UI