Enzyme UI

# Navbar

Navbar component is used as placeholder for navigation bar. Navigation bar primarily functions as container for important content like links to various application pages, notifications and sidebar toggle button.

You can find how Navbar is used in application entry file: src/App.vue

# Default slot

Default slot of Navbar provides you with toggleSidebar method as a slot prop. This method can be used to toggle visibility of sidebar.

<Navbar>
    <template v-slot:default="{toggleSidebar}">
        ...
        <!-- This button would function as sidebar visibility controller -->
        <button @click="toggleSidebar"></button>
    </template>
</Navbar>

← Navs →