Tooltip

Tooltip displays informative text when users hover over, focus on, or tap an element.

Example

I'm a left-end tooltip!
I'm a top tooltip!
I'm a top-start tooltip!
I'm a top-end tooltip!
I'm a right tooltip!
I'm a right-start tooltip!
I'm a right-end tooltip!
I'm a bottom tooltip!
I'm a bottom-start tooltip!
I'm a bottom-end tooltip!
I'm a left tooltip!
I'm a left-start tooltip!
I'm a left-end tooltip!

Props

Name Type Default Description
placement "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" "bottom" Where to position the popup relative to the reference element.

Slots

Name Description
trigger
default