Merge branch 'master' into list-border-refactor

demos/component-docs/navigation/basic/navigation.html

@@ -6,15 +6,15 @@
 <ion-content>
   <ion-list>
 
-    <a ion-item (click)="openNavDetailsPage('Angular')">
+    <button ion-item (click)="openNavDetailsPage('Angular')">
       <icon ion-social-angular item-left></icon>
       Angular
-    </a>
+    </button>
 
-    <a ion-item href="#" (click)="openNavDetailsPage('CSS3')">
+    <button ion-item (click)="openNavDetailsPage('CSS3')">
       <icon ion-social-css3 item-left></icon>
       CSS3
-    </a>
+    </button>
 
     <button ion-item (click)="openNavDetailsPage('HTML5')">
       <icon ion-social-html5 item-left></icon>

ionic/components/item/item.ts

@@ -10,6 +10,11 @@ import {Component} from 'angular2/angular2';
  * - 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`.
  *
+ * By default, `<button ion-item>` and `<a ion-item>` will receive a right arrow icon on iOS to signal that tapping the item will reveal more information.
+ * To hide this icon, add the `detail-none` attribute to the item (eg: `<button ion-item detail-none>`). To add the icon when it is not displayed by default, 
+ * add the `detail-push` attribute (eg: `<ion-item detail-push>`).
+ *
+ * 
  * @usage
  * ```html
  * <ion-list>