ionic textarea

1<!-- Default textarea -->
2<ion-textarea></ion-textarea>
3
4<!-- Textarea in an item with a placeholder -->
5<ion-item>
6  <ion-textarea placeholder="Enter more information here..."></ion-textarea>
7</ion-item>
8
9<!-- Textarea in an item with a floating label -->
10<ion-item>
11  <ion-label position="floating">Description</ion-label>
12  <ion-textarea></ion-textarea>
13</ion-item>
14
15<!-- Disabled and readonly textarea in an item with a stacked label -->
16<ion-item>
17  <ion-label position="stacked">Summary</ion-label>
18  <ion-textarea
19    disabled
20    readonly
21    value="Ionic enables developers to build performant, high-quality mobile apps.">
22  </ion-textarea>
23</ion-item>
24
25<!-- Textarea that clears the value on edit -->
26<ion-item>
27  <ion-label>Comment</ion-label>
28  <ion-textarea clearOnEdit="true"></ion-textarea>
29</ion-item>
30
31<!-- Textarea with custom number of rows and cols -->
32<ion-item>
33  <ion-label>Notes</ion-label>
34  <ion-textarea rows="6" cols="20" placeholder="Enter any notes here..."></ion-textarea>
35</ion-item>