javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): add tabs demo

Browse Source
This commit is contained in:
Drew Rygh
2015-10-01 14:26:20 -05:00
parent c1406d259b
commit d880815bb3
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demos/component-docs/app.css
View File

@@ -24,7 +24,12 @@ section.hidden {
}
.components-demo h4 {
text-align: center;
text-align: center;
}
.components-demo section {
width: 100%;
height: 100%;
}
ion-scroll {

2
demos/component-docs/index.ts
View File

@@ -16,7 +16,7 @@ class DemoApp {
constructor(actionSheet: ActionSheet, zone: NgZone) {
this.actionSheet = actionSheet;
this.component = {
title: 'Action Sheets',
title: 'Tabs',
};
window.onmessage = (e) => {
zone.run(() => {

10
demos/component-docs/main.html
View File

@@ -1,7 +1,7 @@
<ion-toolbar><ion-title>{{ component.title }}</ion-title></ion-toolbar>
<ion-content class="has-header padding components-demo">
<ion-content class="has-header components-demo">
<section id="action-sheet" [ng-class]="{hidden: component.title !== 'Action Sheets' }">
<button class="button" (click)="openMenu()">
@@ -266,8 +266,12 @@
</ion-slides>
</section>
<section id="tabs" [ng-class]="{hidden: component.title !== 'Tabs' }">
TODO
<section id="tabs" [ng-class]="{hidden: component.title !== 'Tabs' }">
<ion-tabs tab-bar-placement="bottom">
<ion-tab tab-title="Food" tab-icon="pizza"></ion-tab>
<ion-tab tab-title="Drinks" tab-icon="beer"></ion-tab>
<ion-tab tab-title="Hours" tab-icon="clock"></ion-tab>
</ion-tabs>
</section>
</ion-content>