javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(toolbar): add subheader and footer examples

Browse Source 
Closes #5174. Closes #5063
This commit is contained in:
mhartington
2016-01-26 10:19:12 -07:00
parent de9a986236
commit d971f3ec89
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ionic/components/toolbar/toolbar.ts
View File

@ -64,14 +64,35 @@ export class ToolbarBase extends Ion {
* @description
* The toolbar is generic bar that sits above or below content.
* Unlike an `Navbar`, `Toolbar` can be used for a subheader as well.
* Since it's based on flexbox, you can place the toolbar where you
* need it and flexbox will handle everythign else. Toolbars will automatically
* assmue they should be placed before an `ion-content`, so to specifcy that you want it
* below, you can add the property `placement="bottom"`. This will change the flex order
* property.
*
* @usage
* ```html
* <ion-toolbar>
* <ion-title>My Toolbar Title</ion-title>
* </ion-toolbar>
*
* <ion-toolbar>
* <ion-title>I'm a subheader</ion-title>
* </ion-toolbar>
*
* <ion-content></ion-content>
*
* <ion-toolbar position="bottom>
* <ion-title>I'm a subfooter</ion-title>
* </ion-toolbar>
*
* <ion-toolbar position="bottom>
* <ion-title>I'm a footer</ion-title>
* </ion-toolbar>
*
* ```
*
* @property {any} [placement] - set position of the toolbar, top or bottom
* @demo /docs/v2/demos/toolbar/
* @see {@link ../../navbar/Navbar/ Navbar API Docs}
*/