We provide Javascript for the following components:

<ul class="Vlt-list Vlt-list--simple">
	<li>accordion</li>
	<li>badge <span class="Vlt-grey-dark">(dismissable option)</span></li>
	<li>callout <span class="Vlt-grey-dark">(dismissable option)</span></li>
	<li>dropdown</li>
	<li>flashs</li>
	<li>side-navigation/menu</li>
	<li>side-navigation/menuCollapse</li>
	<li>modal</li>
	<li>tabs</li>
	<li>table <span class="Vlt-grey-dark">(density toggle)</span></li>
	<li>tooltip</li>
</ul>

Some of these have special or advanced instructions which you'll find in their respective notes, but in general this is the way to initialise them into your app:

<br>

<ol class="Vlt-list Vlt-list--big-number">
	<li>At the end of your <code>&lt;body&gt;</code>, you can either include the whole Volta JS library...
		<br><br>

```html
<body>

	<!-- At the end of your page -->
	<script src="../volta/js/volta.min.js"></script>
</body>
```

... or only the JS file of the component you need 

<br>

```html
<body>

	<!-- At the end of your page  -->
	<script src="../volta/js/volta.core.js"></script>
	<script src="../volta/js/components/volta.callout.js"></script>
</body>
```

</li>
<li>After which you'll have to initialise it in your Javascript (make sure to call it after calling the Volta JS):

<br>
<br>

```javascript
Volta.init(['callout', 'badge', 'menu', ...]);>
```
</li>
</ol>

<hr/>

## For tooltips

Tooltips need to load another two libraries, so please add (before calling the Volta library and initialising tooltips):

```html
<script src="../volta/js/popper.min.js"></script>
<script src="../volta/js/tooltip.min.js"></script>

```