# `m-tooltip`

A tooltip is a small, contextual message that appears when users hover over, focus on, or tap an element, providing additional information or guidance without cluttering the interface. Tooltips are commonly used to explain icons, abbreviations, or complex actions. They typically disappear automatically when the user moves away from the trigger element.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `id*` | A unique identifier for the tooltip, used to describe the tooltip. | `string` |   |
| `text*` | Content of the tooltip. | `string` |   |
| `position` | Determines the position of the tooltip. | `'top'` `'bottom'` `'left'` `'right'` | `top` |
| `pointer` | If `true`, the tooltip display a pointer. | `boolean` | `true` |
| `standalone` | Standalone tooltip | `boolean` |   |

## Slots

| Name | Description |
|------|-------------|
| `default` | The tooltip will point to the content of the slot. |

## Dependencies

### Used By

- [m-sidebar-nav-item](../sidebarnavitem/README.md)

### Graph

```mermaid
graph TD;
  m-sidebar-nav-item --> m-tooltip
style m-tooltip fill:#008240,stroke:#333,stroke-width:4px
```
