mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
docs(demos/label): api demo
This commit is contained in:
2
demos/label/app.html
Normal file
2
demos/label/app.html
Normal file
@ -0,0 +1,2 @@
|
||||
<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
|
||||
<ion-overlay></ion-overlay>
|
20
demos/label/index.ts
Normal file
20
demos/label/index.ts
Normal file
@ -0,0 +1,20 @@
|
||||
import {App, Page, IonicApp} from 'ionic/ionic';
|
||||
|
||||
@App({
|
||||
templateUrl: 'app.html'
|
||||
})
|
||||
class ApiDemoApp {
|
||||
|
||||
constructor() {
|
||||
this.rootPage = InitialPage;
|
||||
}
|
||||
}
|
||||
|
||||
@Page({
|
||||
templateUrl: 'main.html'
|
||||
})
|
||||
export class InitialPage {
|
||||
constructor() {
|
||||
}
|
||||
}
|
||||
|
32
demos/label/main.html
Normal file
32
demos/label/main.html
Normal file
@ -0,0 +1,32 @@
|
||||
<ion-navbar *navbar>
|
||||
<ion-title>Label</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
<ion-content>
|
||||
<ion-row>
|
||||
<ion-input>
|
||||
<input type="text" placeholder="Placeholder Label">
|
||||
</ion-input>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-input fixed-label>
|
||||
<ion-label>Fixed Label</ion-label>
|
||||
<input type="text" value="">
|
||||
</ion-input>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-input floating-label>
|
||||
<ion-label>Floating Label</ion-label>
|
||||
<input type="text" value="">
|
||||
</ion-input>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-input stacked-label>
|
||||
<ion-label>Stacked Label</ion-label>
|
||||
<input type="text" value="">
|
||||
</ion-input>
|
||||
</ion-row>
|
||||
<ion-content>
|
Reference in New Issue
Block a user