f7_toolbar

f7_toolbar - Toolbar/Tab bar Container

This renders the container that holds a toolbar or tab bar for a page.

Usage

f7_toolbar options, &block

Supported options

• :class - Optional, additional CSS classes
• :type - Optional, styles the toolbar:
  • :tabbar - A tab bar with icons only.
  • :tabbar_labels - A tab bar with icons and labels.

Any other options are converted to html attributes.

Examples

Toolbar

Input

<%= f7_toolbar do %>
    <!-- Other Content -->
<% end %>

Output

<div class="toolbar">
    <div class="toolbar-inner">
        <!-- Other Content -->
    </div>
</div>

Tab bar

Input

<%= f7_toolbar, :type => :tabbar  do %>
    <!-- Other Content -->
<% end %>

Output

<div class="toolbar tabbar">
    <div class="toolbar-inner">
        <!-- Other Content -->
    </div>
</div>

Tab bar with labels

Input

<%= f7_toolbar, :type => :tabbar_labels  do %>
    <!-- Other Content -->
<% end %>

Output

<div class="toolbar tabbar tabbar-labels">
    <div class="toolbar-inner">
        <!-- Other Content -->
    </div>
</div>

---

Framework7 Documentation

Navbars & Toolbars