Tooltip

Feedback

A floating label that reveals additional context on hover/focus.

Playground

Hover over me

Controls

Content

Tooltip text.

Side

Placement.

Delay (ms)

Show delay.

Prop	Type	Default	Description
`content`*	`string`	—	Tooltip text.
`side`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'top'`	Placement side.
`delay`	`number`	`300`	Show delay in ms.

Top

vue

<DsTooltip
  content="Tooltip on top"
  side="top"
/>

Bottom

vue

<DsTooltip
  content="Tooltip below"
  side="bottom"
/>

Left

vue

<DsTooltip
  content="Left side"
  side="left"
/>

Right

vue

<DsTooltip
  content="Right side"
  side="right"
/>

Toast

AspectRatio