Merge branch 'master' into mpopov/navdrawer-update-themes

IgniteUI · May 17, 2024 · cc9573f · cc9573f
2 parents 8ff9c09 + f7cb1eb
commit cc9573f
Showing 1 changed file with 22 additions and 0 deletions.
diff --git 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 = {