From 3e876e182892f86ac7336c4369022b7c4db9e571 Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Wed, 17 Dec 2025 09:59:50 +0100
Subject: [PATCH] chore(ui): Add SearchField StartCollapsedControlled story.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 .../SearchField/SearchField.stories.tsx       | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/ui/src/components/SearchField/SearchField.stories.tsx b/packages/ui/src/components/SearchField/SearchField.stories.tsx
index 21f5040a6f..203e11c73c 100644
--- a/packages/ui/src/components/SearchField/SearchField.stories.tsx
+++ b/packages/ui/src/components/SearchField/SearchField.stories.tsx
@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { SearchField } from './SearchField';
 import { Form } from 'react-aria-components';
@@ -305,3 +306,22 @@ export const StartCollapsedWithOnChange: Story = {
     );
   },
 };
+
+export const StartCollapsedControlled: Story = {
+  args: {
+    ...StartCollapsed.args,
+  },
+  render: function Render(args) {
+    const [value, setValue] = useState('');
+
+    return (
+      <Flex
+        direction="row"
+        gap="2"
+        style={{ width: '100%', maxWidth: '600px' }}
+      >
+        <SearchField {...args} size="small" value={value} onChange={setValue} />
+      </Flex>
+    );
+  },
+};