## `<w-tooltip>` API

Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).

### Properties

| Name | Type | Default | Summary |
|-|-|-|-|
| for | `string` | `""` | ID of the element that triggers the tooltip on hover or focus. |
| hide (JS only) | `hide() => void` | `-` | - |
| hide-delay | `number` | `0` | Milliseconds to wait before hiding the tooltip on mouseout. |
| no-arrow | `boolean` | `false` | Hide the arrow pointing toward the tooltip target. |
| open | `boolean` | `false` | Indicates whether the tooltip is visible or not. |
| placement | [`TooltipPlacement`](#tooltipplacement) | `"top"` | Sets the placement of the tooltip relative to its target. |
| show (JS only) | `show() => void` | `-` | - |
| show-delay | `number` | `150` | Milliseconds to wait before showing the tooltip on hover. |

### Property Details

#### for

ID of the element that triggers the tooltip on hover or focus.

- Type: `string`
- Default: `""`

#### hide (JS only)



- Type: `hide() => void`
- Default: `-`

#### hide-delay

Milliseconds to wait before hiding the tooltip on mouseout.

- Type: `number`
- Default: `0`

#### no-arrow

Hide the arrow pointing toward the tooltip target.

- Type: `boolean`
- Default: `false`

#### open

Indicates whether the tooltip is visible or not.

- Type: `boolean`
- Default: `false`

#### placement

Sets the placement of the tooltip relative to its target.

The tooltip will try to position itself at the given placement. If there is no room it will flip to the opposite side automatically.

- Type: [`TooltipPlacement`](#tooltipplacement)
- Default: `"top"`

#### show (JS only)



- Type: `show() => void`
- Default: `-`

#### show-delay

Milliseconds to wait before showing the tooltip on hover.

Keep at a non-zero value to avoid flickering the tooltip on and off when cursors move quickly past the target element.

Focusing the target element shows the tooltip immediately.

- Type: `number`
- Default: `150`

### Types

#### TooltipPlacement

`'top' | 'bottom' | 'left' | 'right'`

