## Notes

The tooltip is positioned according to the space available on the screen. On mobile the tooltip is enabled on tap, and an X is shown to allow users to close it.

## Code Samples

### Basic tooltip with dark mode enabled (default)

```html
<tooltip message="My tooltip message" />
```

### Basic tooltip with light mode enabled

```html
<tooltip message="My tooltip message" mode="light" />
```

## Live Examples

### Basic tooltip with dark mode enabled (default)

<example name="Tooltip1" height="300"></example>

### Basic tooltip with light mode enabled

<example name="Tooltip2" height="300"></example>