Sidebar

Component, that realizes navigation between app pages.

Sidebar is composed of 2 components:

• app-sidebar - contains sidebar functionality.
• vuestic-sidebar - contains sidebar view and necessary styles.

<app-sidebar :isOpen="opened" @toggle-menu="toggleSidebar"/>

Props

• isOpen - Boolean - defines default open|closed state of sidebar. prop is bound bidirectionaly (component will emit changes by clicking selector icon).

Events

• toggle-menu - changes state of sidebar.

<vuestic-sidebar :hidden="isOpen">
    <template slot="menu"> ... </template>
</vuestic-sidebar>

Props

• hidden - Boolean - defines if sidebar is opened or no.

Slots

• menu - set of sidebar links (link groups)