From 4c5bfdca01a86d4f5c604889c104057e8cf7bd08 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Thu, 5 Jul 2018 18:47:08 -0400
Subject: [PATCH] docs(textarea): add angular usage

---
 core/src/components/textarea/usage/angular.md | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 core/src/components/textarea/usage/angular.md

diff --git a/core/src/components/textarea/usage/angular.md b/core/src/components/textarea/usage/angular.md
new file mode 100644
index 0000000000..1b0c38f6bc
--- /dev/null
+++ b/core/src/components/textarea/usage/angular.md
@@ -0,0 +1,37 @@
+```html
+<!-- Default textarea -->
+<ion-textarea></ion-textarea>
+
+<!-- Textarea in an item with a placeholder -->
+<ion-item>
+  <ion-textarea placeholder="Enter more information here..."></ion-textarea>
+</ion-item>
+
+<!-- Textarea in an item with a floating label -->
+<ion-item>
+  <ion-label position="floating">Description</ion-label>
+  <ion-textarea></ion-textarea>
+</ion-item>
+
+<!-- Disabled and readonly textarea in an item with a stacked label -->
+<ion-item>
+  <ion-label position="stacked">Summary</ion-label>
+  <ion-textarea
+    disabled
+    readonly
+    value="Ionic enables developers to build performant, high-quality mobile apps.">
+  </ion-textarea>
+</ion-item>
+
+<!-- Textarea that clears the value on edit -->
+<ion-item>
+  <ion-label>Comment</ion-label>
+  <ion-textarea clearOnEdit="true"></ion-textarea>
+</ion-item>
+
+<!-- Textarea with custom number of rows and cols -->
+<ion-item>
+  <ion-label>Notes</ion-label>
+  <ion-textarea rows="6" cols="20" placeholder="Enter any notes here..."></ion-textarea>
+</ion-item>
+```