navbar
Utility for creating navbar components.
List of properties and components
| Class |
|---|
| v-navbar |
| v-navbar-fixed |
<div class="v-navbar v-bg-secondary">
<div class="v-brand">
<h3 class="v-color-dark">Valclass</h3>
</div>
<ul class="v-font-poppins">
<li><a href="#" class="v-color-dark">home</a></li>
<li><a href="#" class="v-color-dark">pricing</a></li>
<li><a href="#" class="v-color-dark">product</a></li>
<li><a href="#" class="v-color-dark">service</a></li>
<li><a href="#" class="v-color-dark">gallery</a></li>
</ul>
<div class="v-btn-toggle">
<input type="checkbox">
<span></span>
<span></span>
<span></span>
</div>
</div>
provide v-navbar-fixed instead of v-navbar, if you want the navbar to have a fixed position
<div class="v-navbar v-bg-warning">
<div class="v-brand">
<h3 class="v-color-dark">Valclass</h3>
</div>
<ul class="v-font-poppins">
<li><a href="#" class="v-color-dark">home</a></li>
<li><a href="#" class="v-color-dark">pricing</a></li>
<li><a href="#" class="v-color-dark">product</a></li>
<li><a href="#" class="v-color-dark">service</a></li>
<li><a href="#" class="v-color-dark">gallery</a></li>
</ul>
<div class="v-btn-toggle">
<input type="checkbox">
<span></span>
<span></span>
<span></span>
</div>
</div>
option to change color variant on navbar