# EuiTooltipDirective

**Type:** directive



A tooltip is a text box that displays addition information when a user hovers over, clicks or gives focus to a UI element such as an icon, a highlighted word or a button.

The information should be contextual, useful and non-essential.



**Selector:** `[euiTooltip]`

## Inputs
- **contentAlignment**: `"left" | "right" | "center" | "justify"` - Sets the alignment of the content in the tooltip.
- **e2eAttr**: `string` - Sets the `data-e2e` attribute for the host element.
- **euiTooltip**: `string` - Tooltip content.
- **euiTooltipAccent**: `boolean` - Whether the tooltip has Accent state.
- **euiTooltipDanger**: `boolean` - Whether the tooltip has a Danger state.
- **euiTooltipInfo**: `boolean` - Whether the tooltip has Info state.
- **euiTooltipPrimary**: `boolean` - Whether the tooltip has a Primary state.
- **euiTooltipSecondary**: `boolean` - Whether the tooltip has a Secondary state.
- **euiTooltipSuccess**: `boolean` - Whether the tooltip has a Success state.
- **euiTooltipWarning**: `boolean` - Whether the tooltip has a Warning state.
- **hideDelay**: `number` - Sets the delay for the tooltip to be hidden
- **isDisabled**: `boolean` - Whether the tooltip is disabled.
- **position**: `"left" | "right" | "above" | "below" | "before" | "after" | string` - Sets the position of the tooltip relative to its trigger element.
- **showDelay**: `number` - Sets the delay for the tooltip to be visible.
