mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
docs(components): add outline for input components
This commit is contained in:
@@ -34,6 +34,12 @@ import {FormsPage,
|
||||
|
||||
import {IconsPage} from './icons/icons';
|
||||
|
||||
import {CheckboxPage,
|
||||
RadioPage,
|
||||
RangePage,
|
||||
SelectPage,
|
||||
SwitchPage} from './inputs/inputs';
|
||||
|
||||
import {BasicListsPage,
|
||||
AvatarListsPage,
|
||||
IconListsPage,
|
||||
@@ -122,6 +128,11 @@ export function getPageFor(hash) {
|
||||
'card-advanced-social': CardsAdvancedSocialPage,
|
||||
'card-advanced-weather': CardsAdvancedWeatherPage,
|
||||
|
||||
'checkbox': CheckboxPage,
|
||||
'radio': RadioPage,
|
||||
'range': RangePage,
|
||||
'select': SelectPage,
|
||||
'switch': SwitchPage,
|
||||
|
||||
'inputs': FormsPage,
|
||||
'fixed-inline-labels': FixedInlinePage,
|
||||
|
||||
11
demos/component-docs/inputs/checkbox.html
Normal file
11
demos/component-docs/inputs/checkbox.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<ion-navbar *navbar class="android-attr">
|
||||
|
||||
<ion-title>
|
||||
Checkbox
|
||||
</ion-title>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
</ion-content>
|
||||
48
demos/component-docs/inputs/inputs.ts
Normal file
48
demos/component-docs/inputs/inputs.ts
Normal file
@@ -0,0 +1,48 @@
|
||||
import {App, IonicApp, Page} from 'ionic/ionic';
|
||||
import {forwardRef} from 'angular2/angular2';
|
||||
import * as helpers from '../helpers';
|
||||
|
||||
@Page({
|
||||
templateUrl: 'inputs/checkbox.html',
|
||||
directives: [forwardRef(() => helpers.AndroidAttribute)]
|
||||
})
|
||||
export class CheckboxPage{
|
||||
constructor() {
|
||||
}
|
||||
}
|
||||
|
||||
@Page({
|
||||
templateUrl: 'inputs/radio.html',
|
||||
directives: [forwardRef(() => helpers.AndroidAttribute)]
|
||||
})
|
||||
export class RadioPage{
|
||||
constructor() {
|
||||
}
|
||||
}
|
||||
|
||||
@Page({
|
||||
templateUrl: 'inputs/range.html',
|
||||
directives: [forwardRef(() => helpers.AndroidAttribute)]
|
||||
})
|
||||
export class RangePage{
|
||||
constructor() {
|
||||
}
|
||||
}
|
||||
|
||||
@Page({
|
||||
templateUrl: 'inputs/select.html',
|
||||
directives: [forwardRef(() => helpers.AndroidAttribute)]
|
||||
})
|
||||
export class SelectPage{
|
||||
constructor() {
|
||||
}
|
||||
}
|
||||
|
||||
@Page({
|
||||
templateUrl: 'inputs/switch.html',
|
||||
directives: [forwardRef(() => helpers.AndroidAttribute)]
|
||||
})
|
||||
export class SwitchPage{
|
||||
constructor() {
|
||||
}
|
||||
}
|
||||
11
demos/component-docs/inputs/radio.html
Normal file
11
demos/component-docs/inputs/radio.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<ion-navbar *navbar class="android-attr">
|
||||
|
||||
<ion-title>
|
||||
Radio
|
||||
</ion-title>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
</ion-content>
|
||||
11
demos/component-docs/inputs/range.html
Normal file
11
demos/component-docs/inputs/range.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<ion-navbar *navbar class="android-attr">
|
||||
|
||||
<ion-title>
|
||||
Range
|
||||
</ion-title>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
</ion-content>
|
||||
11
demos/component-docs/inputs/select.html
Normal file
11
demos/component-docs/inputs/select.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<ion-navbar *navbar class="android-attr">
|
||||
|
||||
<ion-title>
|
||||
Select
|
||||
</ion-title>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
</ion-content>
|
||||
11
demos/component-docs/inputs/switch.html
Normal file
11
demos/component-docs/inputs/switch.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<ion-navbar *navbar class="android-attr">
|
||||
|
||||
<ion-title>
|
||||
Switch
|
||||
</ion-title>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
</ion-content>
|
||||
Reference in New Issue
Block a user