add new stories for TextArea

bcgov · Jul 10, 2024 · 3bf8dc9 · 3bf8dc9
1 parent b0623ff
commit 3bf8dc9
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/packages/react-components/src/stories/TextArea.stories.tsx b/packages/react-components/src/stories/TextArea.stories.tsx
@@ -63,3 +63,28 @@ export const TextAreaError: Story = {
     errorMessage: "Error message",
   },
 };
+
+export const TextAreaWithMaxLength: Story = {
+  args: {
+    label: "Label",
+    description: "This text area has a maximum length, and displays a counter.",
+    maxLength: 500,
+  },
+};
+
+export const DisabledTextArea: Story = {
+  args: {
+    label: "Label",
+    description: "This text area is disabled",
+    isDisabled: true,
+  },
+};
+
+export const ReadOnlyTextArea: Story = {
+  args: {
+    label: "Label",
+    value: "This text area is set to read-only.",
+    description: "It is focusable, and the value can be copied but not edited.",
+    isReadOnly: true,
+  },
+};