Drawer Layout

Usage

<template>
  <fmv-drawer-layout align="start"
    responsive-width="992px"
    push>

    <div slot="drawer">
      // drawer content
    </div>

    // page content
  </fmv-drawer-layout>
</template>

<script>
  import {
    FmvDrawerLayout
  } from 'fmv-layout'

  export default {
    components: {
      FmvDrawerLayout
    }
  }
</script>

<fmv-drawer-layout> Reference

<fmv-drawer-layout> Properties

Property	Type	Default Value
push	Boolean	true
fullbleed	Boolean
has-scrolling-region	Boolean
responsive-width	String	992px
content-class	String or Array or Object
content-id	String
drawer-id	String	default-drawer
drawer-align	String	start
drawer-persistent	Boolean	false
drawer-opened	Boolean	false
drawer-classes	String
drawer-content-class	String

<fmv-drawer-layout> Slots

Slot	Description
default	The page content.
drawer	Place the sidebar or other content into the drawer.

Table of Contents

Frontend Matter

Beautifully crafted Bootstrap themes and templates for modern web apps.

Themes

Templates

Company

Illustrations by Freepik Storyset