@inkline/inkline/src/components/INavbar/examples/basic.html

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

<i-navbar>
    <i-navbar-brand to="/">
        Navbar
    </i-navbar-brand>
    <i-navbar-collapsible>
        <i-nav>
            <i-nav-item to="/">
                Home
            </i-nav-item>
            <i-nav-item to="/about">
                About
            </i-nav-item>
            <i-nav-item to="/contact">
                Contact
            </i-nav-item>
        </i-nav>
        <i-input placeholder="Type something..">
            <template #append>
                <i-button color="primary">
                    <i-icon name="ink-search" />
                </i-button>
            </template>
        </i-input>
    </i-navbar-collapsible>
</i-navbar>