javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(note): update documentation for note

Browse Source
This commit is contained in:
Brandy Carney
2018-01-24 18:20:24 -05:00
parent c7c3b8cf56
commit 15e067a72f
1 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/core/src/components/note/readme.md
View File

@@ -1,22 +1,30 @@
# ion-note
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.
Notes are text elements generally used as subtitles that provide more information. Notes are styled to appear grey by default.
```html
<ion-content>
<ion-list>
<ion-item>
<ion-note slot="start">
Left Note
</ion-note>
My Item
<ion-note slot="end">
Right Note
</ion-note>
</ion-item>
</ion-list>
</ion-content>
<!-- 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>
```