Pages Vue Component

Pages - is the main container for all the pages in the view. It is the place where View's router manipulates with pages.

Usage examples

<f7-pages>
  ...
</f7-pages>

Renders to:

<div class="pages">
  ...
</div>

Properties

Prop Type Default Description
theme string Pages theme color. One of default colors
layout string Pages layout theme. One of default layout themes
navbar-fixed boolean Enable when you use fixed navbar layout
navbar-through boolean Enable when you use through navbar layout
toolbar-fixed boolean Enable when you use fixed toolbar layout
toolbar-through boolean Enable when you use through toolbar layout
tabbar-fixed boolean Enable when you use fixed tabbar layout
tabbar-through boolean Enable when you use through tabbar layout
tabbar-labels-fixed boolean Enable when you use fixed tabbar layout
tabbar-labels-through boolean Enable when you use through tabbar layout