Views React Component

Views is the wrapper container for all visual views that stays visible most of the time (not in modals, panels). Let's say that views is a main wrapper for "body" of your app. Only one "Views" element is allowed

Usage examples

<Views>
  ...
</Views>

Renders to:

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

Views As Tabs

<Views tabs>
  <View id="view-1" tab active>...</View>
  <View id="view-2" tab>...</View>
</Views>

Renders to:

<div class="views tabs">
  <div class="view tab active" id="view-1">...</div>
  <div class="view tab" id="view-2">...</div>
</div>

With fixed navbar for all nested views

<Views navbarFixed>
  ...
</Views>

Renders to:

<div class="views navbar-fixed">
  ...
</div>

Properties

Prop	Type	Description
tabs	boolean	Uses Views as Tabs
theme	string	Views theme color. One of default colors
layout	string	Views layout theme. One of default layout themes
navbarFixed	boolean	Enable when you use fixed navbar layout
navbarThrough	boolean	Enable when you use through navbar layout
toolbarFixed	boolean	Enable when you use fixed toolbar layout
toolbarThrough	boolean	Enable when you use through toolbar layout
tabbarFixed	boolean	Enable when you use fixed tabbar layout
tabbarThrough	boolean	Enable when you use through tabbar layout
tabbarLabelsFixed	boolean	Enable when you use fixed tabbar layout
tabbarLabelsThrough	boolean	Enable when you use through tabbar layout