# Tooltip

This component wraps another component and shows a tooltip for the component it is wrapping, whenever the user moves the mouse over it.

## Installation

```tsx
import { Tooltip } from 'uxp/components';
```

## Signature

```tsx
const Tooltip: React.FunctionComponent<ITooltipProps>
```

## Properties

| Name     | Type                                                                                          | Mandatory | Default Value | Example Value |
| -------- | --------------------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| content  | string \| IContentFunction                                                                    | Yes       | -             | \*            |
| position | [ITooltipPosition](https://help.iviva.com/uxp/v5/additional-resources/types/itooltipposition) | No        | -             | -             |
| children | React.ReactNode                                                                               | No        | -             | -             |

## Related Types

* [ITooltipProps](https://help.iviva.com/uxp/v5/additional-resources/types/itooltipprops)
* [IContentFunction](https://help.iviva.com/uxp/v5/additional-resources/types/icontentfunction)
* [ITooltipPosition](https://help.iviva.com/uxp/v5/additional-resources/types/itooltipposition)