@inkline/inkline
Version:
Inkline is the Vue.js UI/UX Library built for creating your next design system
57 lines (54 loc) • 1.76 kB
HTML
<i-navbar size="sm">
<i-navbar-brand :to="{ name: 'docs-components-navbar' }">
Navbar
</i-navbar-brand>
<i-navbar-collapsible>
<i-nav>
<i-nav-item :to="{ name: 'docs-components-navbar' }" active-class="-active">
Home
</i-nav-item>
<i-nav-item :to="{ name: 'docs-components-navbar' }">
About
</i-nav-item>
<i-nav-item :to="{ name: 'docs-components-navbar' }">
Contact
</i-nav-item>
</i-nav>
</i-navbar-collapsible>
</i-navbar>
<i-navbar size="md">
<i-navbar-brand :to="{ name: 'docs-components-navbar' }">
Navbar
</i-navbar-brand>
<i-navbar-collapsible>
<i-nav>
<i-nav-item :to="{ name: 'docs-components-navbar' }" active-class="-active">
Home
</i-nav-item>
<i-nav-item :to="{ name: 'docs-components-navbar' }">
About
</i-nav-item>
<i-nav-item :to="{ name: 'docs-components-navbar' }">
Contact
</i-nav-item>
</i-nav>
</i-navbar-collapsible>
</i-navbar>
<i-navbar size="lg">
<i-navbar-brand :to="{ name: 'docs-components-navbar' }">
Navbar
</i-navbar-brand>
<i-navbar-collapsible>
<i-nav>
<i-nav-item :to="{ name: 'docs-components-navbar' }" active-class="-active">
Home
</i-nav-item>
<i-nav-item :to="{ name: 'docs-components-navbar' }">
About
</i-nav-item>
<i-nav-item :to="{ name: 'docs-components-navbar' }">
Contact
</i-nav-item>
</i-nav>
</i-navbar-collapsible>
</i-navbar>