diff --git a/demos/title/index.ts b/demos/title/index.ts
new file mode 100644
index 0000000000..a5f2e1e2f4
--- /dev/null
+++ b/demos/title/index.ts
@@ -0,0 +1,15 @@
+import {App} from 'ionic/ionic';
+
+// Use the toolbar demo but pass in the demo name to change the title
+// this will also hide some of the toolbars that don't use `ion-title`
+@App({
+  templateUrl: '../toolbar/main.html'
+})
+class ApiDemoApp {
+  constructor() {
+    this.demo = "Title";
+
+    this.favorites = "recent";
+    this.apps = "free";
+  }
+}
diff --git a/demos/toolbar/main.html b/demos/toolbar/main.html
index 97d077c134..c36149593e 100644
--- a/demos/toolbar/main.html
+++ b/demos/toolbar/main.html
@@ -93,7 +93,7 @@
     </button>
   </ion-toolbar>
 
-  <ion-toolbar>
+  <ion-toolbar *ngIf="demo != 'Title'">
     <ion-buttons end>
       <button #button2 (click)="buttonClick(button2)">
         <ion-icon name="search"></ion-icon>
@@ -109,7 +109,7 @@
     </ion-segment>
   </ion-toolbar>
 
-  <ion-toolbar>
+  <ion-toolbar *ngIf="demo != 'Title'">
     <ion-segment [(ngModel)]="apps">
       <ion-segment-button value="paid">
         Paid
@@ -123,11 +123,11 @@
     </ion-segment>
   </ion-toolbar>
 
-  <ion-toolbar>
+  <ion-toolbar *ngIf="demo != 'Title'">
     <ion-searchbar></ion-searchbar>
   </ion-toolbar>
 
-  <ion-toolbar primary>
+  <ion-toolbar primary *ngIf="demo != 'Title'">
     <ion-searchbar></ion-searchbar>
   </ion-toolbar>
 
diff --git a/ionic/components/toolbar/toolbar.ts b/ionic/components/toolbar/toolbar.ts
index 5d7b7bbcfd..09a711e29b 100644
--- a/ionic/components/toolbar/toolbar.ts
+++ b/ionic/components/toolbar/toolbar.ts
@@ -136,7 +136,7 @@ export class Toolbar extends ToolbarBase {
  *   <ion-title>SubHeader</ion-title>
  * </ion-toolbar>
  *  ```
- * @demo /docs/v2/demos/toolbar/
+ * @demo /docs/v2/demos/title/
  */
 @Component({
   selector: 'ion-title',