@inkline/inkline
Version:
Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.
15 lines (13 loc) • 637 B
HTML
<i-button @click="open = !open">Toggle Navbar</i-button>
<i-navbar v-model="open" :collapse="true" :collapse-on-click-outside="false">
<i-navbar-brand :to="{ path: '/docs/components/navbar' }"> Navbar </i-navbar-brand>
<i-navbar-collapsible>
<i-nav>
<i-nav-item :to="{ path: '/docs/components/navbar' }" active-class="-active">
Home
</i-nav-item>
<i-nav-item :to="{ path: '/docs/components/navbar' }"> About </i-nav-item>
<i-nav-item :to="{ path: '/docs/components/navbar' }"> Contact </i-nav-item>
</i-nav>
</i-navbar-collapsible>
</i-navbar>