Tips: Add this classes class="maz-flex maz-position-relative" to the parent element (MazSidebar component works fine with flexbox)

SideBar Content Example

Has left sidebar is open

Has right sidebar is open

Options:

no-shadow

no-close-btn

absolute

layer

loading

mini

expand-on-hover (only with mini)

SideBar Content Example

Mini & expand-on-hover

avatar image
Content
Content
Content
Content
Content
Content
Content
Content
Content

How to use it ?

  <template>
  <MazSideBar />
</template>

<script>
  import { MazSideBar } from 'maz-ui'
  export default {
    components: { MazSideBar }
  }
</script>