To initialize the Javascript for tooltips, see the instructions in the **Setup** section at the top of the navigation


If you need finer control over the creation of tooltips, for example you have tooltips that are dynamically rendered, then you can also create tooltips individualy:


```javascript

Volta.tooltip.create('tooltipID');

```


# Reference table

<div class="Vlt-table Vlt-table--data">
|Class |	Behaviour|
|---|---|
|`.Vlt-tooltip`| Wraps the container of the tooltip, including the icon or text that triggers the tooltip on hover|
|`.Vlt-tooltip--bottom`| Makes the tooltip appear below the trigger|
|`.Vlt-tooltip--top`| Makes the tooltip appear above the trigger|
|`.Vlt-tooltip--left`| Makes the tooltip appear to the left of the trigger|
|`.Vlt-tooltip--right`| Makes the tooltip appear to the right of the trigger | 
|`.Vlt-tooltip--large`| Adds extra-padding to the tooltip (suitable for multi-lines content) | 
</div>