TextArea stories: inline state in Default render to show TextArea in View Code

cursoragent · cursoragent · commit c5f346b89c30 · 2026-05-29T21:19:39.000Z
diff --git a/packages/design-system-react/src/components/TextArea/TextArea.stories.tsx b/packages/design-system-react/src/components/TextArea/TextArea.stories.tsx
@@ -78,7 +78,19 @@ export const Default: Story = {
     value: '',
     placeholder: 'Sample placeholder',
   },
-  render: (args) => <ControlledTextArea {...args} />,
+  render: (args) => {
+    const [value, setValue] = useState(args.value ?? '');
+    useEffect(() => {
+      setValue(args.value ?? '');
+    }, [args.value]);
+    return (
+      <TextArea
+        {...args}
+        value={value}
+        onChange={(event) => setValue(event.target.value)}
+      />
+    );
+  },
 };
 
 export const TextVariantStory: Story = {
