Header Layout

Usage

<template> <fmv-header-layout header-fixed> <div slot="header"> // header content (i.e. navbar) </div> // page content </fmv-header-layout> </template> <script> import { FmvHeaderLayout } from 'fmv-layout' export default { components: { FmvHeaderLayout } } </script>

<fmv-header-layout> Reference

<fmv-header-layout> Properties

Property
Type
Default Value
fullbleedBoolean
header-fixedBooleantrue
header-disabledBooleanfalse
header-revealsBooleanfalse
header-condensesBooleanfalse
header-effectsString or Array
header-classString or Array or Object
header-content-classString or Array or Object
content-classString or Array or Object
content-idString
header-imageString

<fmv-header-layout> Slots

Slot
Description
defaultThe page content.
headerPlace the navbar or other content into the header.