Renders Tooltip
### Usage
```jsx
import { Tooltip, TooltipContent } from '@adminjs/design-system'
// Wrapping existing element with a tooltip
return (
)
// Adding more complicated content
return (
I am text inside with BoldedText
)
```
As you can see on the examples, there are 2 ways of passing tooltip message:
1. by the `title` prop
2. by the TooltipContent component
The first way is the easiest, but the second allows you to put whatever styled content you like.
### Props
The Tooltip Component takes 3 custom props:
- `title`
- `direction` - default to `bottom`
- `size`
See {@link TooltipProps} below.
### Example
1. Direction and title
```reactComponent
return (
)
```
Renders Tooltip
### Usage
```jsx
import { Tooltip, TooltipContent } from '@adminjs/design-system'
// Wrapping existing element with a tooltip
return (