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>