test: textarea stories

Esri · Dec 1, 2023 · 9d23dee · 9d23dee
1 parent 5a752b3
commit 9d23dee
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/packages/calcite-components/src/components/input/input.stories.ts b/packages/calcite-components/src/components/input/input.stories.ts
@@ -72,6 +72,27 @@ export const withSlottedAction = (): string => html`
   </div>
 `;
 
+export const textarea_TestOnly = (): string => html`
+  <div style="width:300px;max-width:100%;text-align:center;">
+    <calcite-input
+      id="input-with-text-area"
+      type="textarea"
+      ${boolean("loading", false)}
+      ${boolean("clearable", false)}
+      ${boolean("disabled", false)}
+      prefix-text="${text("prefix-text", "")}"
+      suffix-text="${text("suffix-text", "")}"
+      value="${text("value", "")}"
+      scale="${select("scale", ["s", "m", "l"], "m")}"
+      status="${select("status", ["idle", "invalid", "valid"], "idle")}"
+      placeholder="${text("placeholder", "Placeholder text")}"
+      message-text="${text("message-text", "My great input message")}"
+      message-icon="${select("message-icon", ["", ...iconNames], "")}"
+    >
+    </calcite-input>
+  </div>
+`;
+
 export const disabled_TestOnly = (): string => html`<calcite-input disabled value="disabled"></calcite-input>`;
 
 export const darkModeRTL_TestOnly = (): string => html`

diff --git a/packages/calcite-components/src/components/text-area/text-area.stories.ts b/packages/calcite-components/src/components/text-area/text-area.stories.ts
@@ -96,8 +96,8 @@ export const validationMessageAllScales_TestOnly = (): string =>
         display: flex;
         flex-direction: column;
         width: 420px;
-        height: 200px;
-        gap: 50px;
+        height: 80px;
+        gap: 45px;
       }
     </style>
     <div class="container">