From 65850dc72fcf5a7de07ba3d098813bf2f66fe216 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Fri, 20 Oct 2023 17:14:15 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(react)=20add=20TextArea=20to=20for?=
 =?UTF-8?q?m=20examples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This is made to showcase the TextArea in real world use cases.
---
 .../react/src/components/Forms/Examples/index.stories.tsx     | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/react/src/components/Forms/Examples/index.stories.tsx b/packages/react/src/components/Forms/Examples/index.stories.tsx
index c739b3b..9dcdfa5 100644
--- a/packages/react/src/components/Forms/Examples/index.stories.tsx
+++ b/packages/react/src/components/Forms/Examples/index.stories.tsx
@@ -8,6 +8,7 @@ import { Select } from ":/components/Forms/Select";
 import { FileUploader } from ":/components/Forms/FileUploader";
 import { Switch } from ":/components/Forms/Switch";
 import { Radio } from ":/components/Forms/Radio";
+import { TextArea } from ":/components/Forms/TextArea";
 
 export default {
   title: "Components/Forms/Examples",
@@ -106,6 +107,9 @@ export const Application = () => {
           accept="application/pdf"
         />
       </div>
+      <div>
+        <TextArea label="Cover letter" fullWidth={true} rows={5} />
+      </div>
       <div>
         <Switch label="SMS Notification" fullWidth={true} />
         <Switch label="Subscribe to newsletter" fullWidth={true} />