@inkline/inkline/src/components/INavbar/examples/collapse-true.demo.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-navbar :collapse="true">
    <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>