From b0eff283a180f962c24e8e07efa7f05cf2c5b465 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Fri, 2 Feb 2024 15:15:31 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(react)=20enhance=20Application=20d?=
 =?UTF-8?q?emo=20form?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This form was not using multi select, adding it provides a way to
easily interact with all the form component in a single form making
sure they all work.
---
 .../Forms/Examples/index.stories.tsx          | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/packages/react/src/components/Forms/Examples/index.stories.tsx b/packages/react/src/components/Forms/Examples/index.stories.tsx
index 9dcdfa5..4c4e104 100644
--- a/packages/react/src/components/Forms/Examples/index.stories.tsx
+++ b/packages/react/src/components/Forms/Examples/index.stories.tsx
@@ -62,6 +62,7 @@ export const Application = () => {
         gap: "1rem",
         width: "400px",
       }}
+      method="get"
     >
       <h1
         className="fs-h3 fw-bold clr-greyscale-900"
@@ -83,6 +84,7 @@ export const Application = () => {
           },
         ]}
         fullWidth={true}
+        clearable={true}
       />
       <div style={{ display: "flex", gap: "1rem" }}>
         <Input label="First name" />
@@ -107,6 +109,28 @@ export const Application = () => {
           accept="application/pdf"
         />
       </div>
+      <Select
+        label="Skills"
+        options={[
+          {
+            label: "Communication",
+          },
+          {
+            label: "Teamwork",
+          },
+          {
+            label: "Problem solving",
+          },
+          {
+            label: "Leadership",
+          },
+          {
+            label: "Work ethic",
+          },
+        ]}
+        multi={true}
+        fullWidth={true}
+      />
       <div>
         <TextArea label="Cover letter" fullWidth={true} rows={5} />
       </div>