From 2dded2fa062195a5b5c2619dc26bf668f5547296 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 19 Feb 2022 17:38:47 -0800
Subject: [PATCH] docs(text-area): add maximum character count

---
 docs/src/pages/components/TextArea.svx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/src/pages/components/TextArea.svx b/docs/src/pages/components/TextArea.svx
index a2babc64..097afb33 100644
--- a/docs/src/pages/components/TextArea.svx
+++ b/docs/src/pages/components/TextArea.svx
@@ -11,6 +11,14 @@ components: ["TextArea", "TextAreaSkeleton"]
 
 <TextArea labelText="App description" placeholder="Enter a description..." />
 
+### Maximum character count
+
+Specify the max character count using the `maxCount` prop. A character counter will be displayed to the right of the label.
+
+You can always use the native `maxlength` attribute if you'd prefer that a counter not be shown.
+
+<TextArea labelText="App description" placeholder="Enter a description..." maxCount={100} />
+
 ### With helper text
 
 <TextArea labelText="App description" helperText="A rich description helps us better recommend related products and services" placeholder="Enter a description..." />