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

docs(item): add use cases of ion-item

Browse Source 
Closes #294
This commit is contained in:
Drew Rygh
2015-11-12 16:07:49 -06:00
parent 1dd2079809
commit fea8c63e09
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ionic/components/item/item.ts
View File

@ -5,6 +5,11 @@ import {Component} from 'angular2/angular2';
* Creates a list-item that can easily be swiped, * Creates a list-item that can easily be swiped,
* deleted, reordered, edited, and more. * deleted, reordered, edited, and more.
* *
* There are three common ways to use an item:
* - Use `<ion-item>` for something that is only non-clickable text.
* - Use `<button ion-item>` for something that can be clicked/tapped. Typically this element will also have a `(click)` handler.
* - Use `<a ion-item>` for when the item needs to contain a `href`.
*
* @usage * @usage
* ```html * ```html
* <ion-list> * <ion-list>
@ -16,6 +21,7 @@ import {Component} from 'angular2/angular2';
* </ion-item> * </ion-item>
* </ion-list> * </ion-list>
* ``` * ```
*
*/ */
@Component({ @Component({
selector: 'ion-item,[ion-item]', selector: 'ion-item,[ion-item]',