# [VCL](https://vcl.github.io/vcl/) tooltip

Overlay carrying contextual, non-interactive content.

## Features

## Usage

The content of a tooltip can be just text like in the basic example.
The arrow pointer is optional and can be placed on any side using
a corresponding modifier.

[basic example](/demo/example-basic.html)

The content can also be made up of other components.

[basic example](/demo/example-rich.html)

## Classes

- `tooltip`
- `tooltip-content`
- `arrow-pointer`
- `arrow-pointer-bottom`
- `arrow-pointer-right`
- `arrow-pointer-left`
- `arrow-pointer-top`

## Modifiers

## Variables

- `$tooltip-color`
- `$tooltip-bg-color`
- `$tooltip-border-color`
- `$tooltip-shadow-color`