<div class="Vlt-callout Vlt-callout--tip">
	<i></i>
	<div class="Vlt-callout__content">
		To initialize the Javascript, see the instructions in the <b>Setup</b> section at the top of the navigation, and the <b>notes</b> for finer controls.
	</div>
</div>


For more complex dropdowns you can use `.Vlt-dropdown__block`, which has the same padding, border (removable) and characteristics of `.Vlt-dropdown__link`, without the hover effect and cursor pointer.

Main differences between `__link` and `__block`:

<ul class="Vlt-list Vlt-list--simple">
	<li><code>Vlt-dropdown__link</code>: display flex; hover effect, pointer cursor, forces the text to be on one line, all by default</li>
	<li><code>Vlt-dropdown__block</code>: default display; no hover effect, default cursor, can be on multiple line (or be forced to one with <code>Vlt-dropdown__block--nowrap</code>)</li>
</ul>

Common to both `__link` and `__block`:

<ul class="Vlt-list Vlt-list--simple">
	<li>Top border: can be added with the modifier <code>[block/link]--border-top</code></li>
	<li>Padding</li>
	<li>Click-to-close if you use Volta.js: can be removed with the modifier <code>[block/link]--noclose</code> on specific elements</li>
</ul>

