Overlay

Tooltip

An attribute directive that adds a tooltip to any element. Built on @angular/cdk/overlay for viewport-aware positioning.

[llmTooltip]

Demo

<LlmTooltip tooltip="Save your changes">
  <LlmButton>Save</LlmButton>
</LlmTooltip>
<LlmTooltip tooltip="Copy to clipboard" position="right">
  <LlmButton variant="outline">Copy</LlmButton>
</LlmTooltip>

API

Prop	Type	Default	Description
`llmTooltip`	`string`	`—`	Tooltip text content (required)
`llmTooltipPosition`	`'above' \| 'below' \| 'left' \| 'right'`	`'above'`	Preferred position
`llmTooltipDisabled`	`boolean`	`false`	Disables the tooltip
`llmTooltipShowDelay`	`number`	`300`	Delay in ms before showing
`llmTooltipHideDelay`	`number`	`0`	Delay in ms before hiding

Import

import { LlmTooltip } from '@atelier-ui/react';