Tooltip Component
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Basic Usage
html
<uButton uTooltip="Click to save changes">Save</uButton>Positions
Tooltips can be positioned on any side of the trigger element.
html
<uButton uTooltip="Top tooltip" position="top">Top</uButton>
<uButton uTooltip="Bottom tooltip" position="bottom">Bottom</uButton>
<uButton uTooltip="Left tooltip" position="left">Left</uButton>
<uButton uTooltip="Right tooltip" position="right">Right</uButton>API Reference
uTooltip (Directive)
| Property | Type | Default | Description |
|---|---|---|---|
uTooltip | string | '' | The text content of the tooltip |
position | 'top' | 'bottom' | 'left' | 'right' | 'top' | Preferred position of the tooltip |
delay | number | 200 | Delay in milliseconds before showing the tooltip |