<baht-tooltip>

Hover/focus tooltip wrapping its children. Pure CSS, 120ms fade.

Positions

Hover meOr me

text

HTMLReactAngular

Copy

<baht-tooltip text="Top (default)">
  <baht-button variant="ghost">Hover me</baht-button>
</baht-tooltip>
<baht-tooltip text="On the right" position="right">
  <baht-button variant="ghost">Or me</baht-button>
</baht-tooltip>

Props

Name	Type	Default	Description
text	string	''	Tooltip text
position	'top' | 'bottom' | 'left' | 'right'	'top'	Placement (top | bottom | left | right)

Slots

Slot	Description
(default)	The anchor element