Navbar React Component

• / **F7Navbar**
• **NavLeft** / **F7NavLeft**
• **NavRight** / **F7NavRight**
• **NavTitle** / **F7NavTitle**

Navbar Properties

Navbar Events

• **default** - element will be inserted as a child of <div class="navbar-inner"> element
• - element will be inserted right after <div class="navbar-inner"> element

Examples

Minimal layout

<Navbar title="My App"></Navbar>

Minimal layout with back link

Without “sliding” transition effect (affects iOS theme only)

<Navbar title="My App" backLink="Back" sliding="{false}"></Navbar>

With additional right link to open right panel

All three parts

<Navbar>
  <NavLeft backLink="Back"></NavLeft>
  <NavTitle>My App</NavTitle>
  <NavRight>
    <Link icon="icon-bars" panelOpen="right"></Link>
</Navbar>

Full custom layout