Navbar

Improve this doc

Navbar is a global level toolbar that gets updated every time a page gets loaded. You can pass the navbar an ion-title, any number of buttons, a segment, or a searchbar.

Component

selector: ion-navbar

Usage

<ion-navbar *navbar>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

  <ion-title>
    Page Title
  </ion-title>

  <ion-buttons end>
    <button (click)="openModal()">
      <ion-icon name="options"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>

Input Properties

Attr Type Details
hideBackButton boolean

whether the back button should be shown or not

Related

Toolbar API Docs

API

Native

General