To add a navbar we have the component vs-navbar
, there is a series of sub components to determine internal elements vs-navbar-title
, vs-spacer
<template>
<vs-navbar v-model="activeItem" class="p-2">
<div slot="title">
<vs-navbar-title>
<span>Vuexy</span>
</vs-navbar-title>
</div>
<vs-navbar-item index="0">
<a href="#">Home</a>
</vs-navbar-item>
<vs-navbar-item index="1">
<a href="#">News</a>
</vs-navbar-item>
<vs-navbar-item index="2">
<a href="#">Update</a>
</vs-navbar-item>
</vs-navbar>
</template>
<script>
export default {
data: () => ({
activeItem: 0
})
}
</script>