# UITooltip

A tooltip component

**Since**: 7.0.0 (3.0.0)

| Name               | Type      | Default                | Description                                                                    |
| ------------------ | --------- | ---------------------- | ------------------------------------------------------------------------------ |
| title              | `string`  |                        | Tooltip title                                                                  |
| text               | `string`  |                        | **Required** - Tooltip text                                                    |
| show               | `boolean` | `false`                | If the tooltip should be visible                                               |
| fixed              | `boolean` | `false`                | Set to true if the tooltip should be possisioned fixed instead of absolute     |
| parent             | `object`  |                        | Position against specific parent element. Otherwise take closest.              |
| verticalPosition   | `string`  | `""top""`    | Vertical position for the tooltip reference to parent \[top\|center\|bottom]   |
| horizontalPosition | `string`  | `""center""` | Horizontal position for the tooltip reference to parent \[left\|center\|right] |
| arrowPosition      | `string`  | `""bottom""` | Arrow position on the tooltip \[bottom\|top\|left\|right]                      |

### Example

```js
import {UITooltip} from 'writer'

render($$) {
    const el = $$('div')

    return el.append(
        $$(UITooltip, {
            title: 'My neat tooltip',
            text: 'Hello World',
            fixed: false,
            show: true
        })
    )
}
```