From f7cb1ebfca5b994ecf21ec4085cb98b6a30638b0 Mon Sep 17 00:00:00 2001
From: Radoslav Karaivanov <rkaraivanov@infragistics.com>
Date: Fri, 17 May 2024 09:22:40 +0300
Subject: [PATCH] fix(storybook): Default textarea story is always recreated
 (#1207)

---
 stories/textarea.stories.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/stories/textarea.stories.ts b/stories/textarea.stories.ts
index 870102b0b..4b27ee70b 100644
--- a/stories/textarea.stories.ts
+++ b/stories/textarea.stories.ts
@@ -2,6 +2,7 @@ import { sourceCode } from '@igniteui/material-icons-extended';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { registerIconFromText } from '../src/components/icon/icon.registry.js';
 import {
   IgcIconComponent,
@@ -261,6 +262,27 @@ type Story = StoryObj<IgcTextareaArgs>;
 
 export const Default: Story = {
   args: { label: 'Your feedback' },
+  render: (args) => html`
+    <igc-textarea
+      autocapitalize=${ifDefined(args.autocapitalize)}
+      name=${ifDefined(args.name)}
+      label=${args.label}
+      rows=${args.rows}
+      placeholder=${args.placeholder}
+      resize=${args.resize}
+      value=${ifDefined(args.value)}
+      minlength=${ifDefined(args.minLength)}
+      maxlength=${ifDefined(args.maxLength)}
+      wrap=${args.wrap}
+      ?outlined=${args.outlined}
+      ?readonly=${args.readOnly}
+      ?required=${args.required}
+      ?disabled=${args.disabled}
+      ?invalid=${args.invalid}
+      ?validate-only=${args.validateOnly}
+      ?spellcheck=${args.spellcheck}
+    ></igc-textarea>
+  `,
 };
 
 export const ProjectContent: Story = {