javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(components): add missing angular usage

Browse Source
This commit is contained in:
Brandy Carney
2018-07-09 18:37:09 -04:00
parent e27519a94e
commit 8923aa7351
6 changed files with 88 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
core/src/components/note/usage/angular.md Normal file
View File

@ -0,0 +1,24 @@
```html
<!-- Default Note -->
<ion-note>Default Note</ion-note>
<!-- Note Colors -->
<ion-note color="primary">Primary Note</ion-note>
<ion-note color="secondary">Secondary Note</ion-note>
<ion-note color="danger">Danger Note</ion-note>
<ion-note color="light">Light Note</ion-note>
<ion-note color="dark">Dark Note</ion-note>
<!-- Notes in a List -->
<ion-list>
<ion-item>
<ion-label>Note (End)</ion-label>
<ion-note slot="end">On</ion-note>
</ion-item>
<ion-item>
<ion-note slot="start">Off</ion-note>
<ion-label>Note (Start)</ion-label>
</ion-item>
</ion-list>
```

34
core/src/components/radio-group/usage/angular.md Normal file
View File

@ -0,0 +1,34 @@
```html
<ion-list>
<ion-radio-group>
<ion-list-header>
Auto Manufacturers
</ion-list-header>
<ion-item>
<ion-label>Cord</ion-label>
<ion-radio value="cord"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Duesenberg</ion-label>
<ion-radio value="duesenberg"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Hudson</ion-label>
<ion-radio value="hudson"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Packard</ion-label>
<ion-radio value="packard"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Studebaker</ion-label>
<ion-radio value="studebaker"></ion-radio>
</ion-item>
</ion-radio-group>
</ion-list>
```

4
core/src/components/radio-group/usage/javascript.md
View File

@ -1,8 +1,6 @@
```html ```html
<ion-list> <ion-list>
<ion-radio-group> <ion-radio-group>
<ion-list-header> <ion-list-header>
Auto Manufacturers Auto Manufacturers
</ion-list-header> </ion-list-header>
@ -31,8 +29,6 @@
<ion-label>Studebaker</ion-label> <ion-label>Studebaker</ion-label>
<ion-radio value="studebaker"></ion-radio> <ion-radio value="studebaker"></ion-radio>
</ion-item> </ion-item>
</ion-radio-group> </ion-radio-group>
</ion-list> </ion-list>
``` ```

24
core/src/components/radio/usage/angular.md Normal file
View File

@ -0,0 +1,24 @@
```html
<ion-list>
<ion-radio-group>
<ion-list-header>
<ion-label>Name</ion-label>
</ion-list-header>
<ion-item>
<ion-label>Biff</ion-label>
<ion-radio slot="start" value="biff" checked></ion-radio>
</ion-item>
<ion-item>
<ion-label>Griff</ion-label>
<ion-radio slot="start" value="griff"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Buford</ion-label>
<ion-radio slot="start" value="buford"></ion-radio>
</ion-item>
</ion-radio-group>
</ion-list>
```

6
core/src/components/range/usage/angular.md
View File

@ -12,14 +12,14 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-range min="20" max="80" step="2" > <ion-range min="20" max="80" step="2">
<ion-icon small slot="start" name="sunny"></ion-icon> <ion-icon size="small" slot="start" name="sunny"></ion-icon>
<ion-icon slot="end" name="sunny"></ion-icon> <ion-icon slot="end" name="sunny"></ion-icon>
</ion-range> </ion-range>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-range min="1000" max="2000" step="100" snaps="true" color="secondary" ></ion-range> <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary"></ion-range>
</ion-item> </ion-item>
<ion-item> <ion-item>

6
core/src/components/range/usage/javascript.md
View File

@ -12,14 +12,14 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-range min="20" max="80" step="2" > <ion-range min="20" max="80" step="2">
<ion-icon small slot="start" name="sunny"></ion-icon> <ion-icon size="small" slot="start" name="sunny"></ion-icon>
<ion-icon slot="end" name="sunny"></ion-icon> <ion-icon slot="end" name="sunny"></ion-icon>
</ion-range> </ion-range>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-range min="1000" max="2000" step="100" snaps="true" color="secondary" ></ion-range> <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary"></ion-range>
</ion-item> </ion-item>
<ion-item> <ion-item>