Need help upgrading to Ionic Framework 4.0? Get assistance with our Enterprise Migration Services EXPLORE NOW

Note

ion-note

Improve this doc

A note is detailed item in an ion-item. It creates greyed out element that can be on the left or right side of an item.

Usage

<ion-content>
  <ion-list>
    <ion-item>
      <ion-note item-left>
        Left Note
      </ion-note>
      My Item
      <ion-note item-right>
        Right Note
      </ion-note>
    </ion-item>
  </ion-list>
</ion-content>

ion-item

Input Properties

Attr Type Details
color string

The predefined color to use. For example: "primary", "secondary", "danger".

mode string

The mode to apply to this component. Mode can be ios, wp, or md.

Sass Variables

Property Default Description
$note-ios-color darken($list-ios-border-color, 10%)

Text color of the note

Property Default Description
$note-md-color darken($list-md-border-color, 10%)

Text color of the note

Property Default Description
$note-wp-color $input-wp-border-color

Text color of the note

API

Native

General