@agala-labs/ui

Tooltip

Adds collision-aware top-layer supporting text to a hoverable or focusable trigger.

Examples

Default

<AgalaTooltip content="Copy link"><AgalaButton size="icon" icon="link" aria-label="Copy link" /></AgalaTooltip>

Import

import { AgalaTooltip } from '@agala-labs/ui'

API

Prop	Type	Default	Description
content	string	—	Required tooltip copy.
placement	'top' | 'bottom' | 'left' | 'right'	'top'	Preferred placement.
delay	number	—	Open delay in milliseconds.
block	boolean	false	Makes the trigger wrapper block-level.
class	string	—	Consumer override class.

Slots

• default — trigger

Accessibility

Opens on keyboard focus as well as hover and connects content to the trigger.