chore: add pattern of popover story

frontio-ai · Jan 5, 2025 · 5d0fc6d · 5d0fc6d
1 parent bb38ca7
commit 5d0fc6d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/components/autocomplete/stories/autocomplete.stories.tsx b/packages/components/autocomplete/stories/autocomplete.stories.tsx
@@ -1187,3 +1187,23 @@ export const CustomItemHeight = {
     itemHeight: 40,
   },
 };
+
+export const PopoverTopOrBottom = {
+  args: {
+    ...defaultProps,
+  },
+  render: (args) => (
+    <div className="relative h-screen w-screen">
+      <div className="absolute top-0 p-8">
+        <div className="w-48">
+          <Template {...args} />
+        </div>
+      </div>
+      <div className="absolute top-1/2 p-8">
+        <div className="w-48">
+          <Template {...args} />
+        </div>
+      </div>
+    </div>
+  ),
+};
diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx
@@ -1509,7 +1509,7 @@ export const PopoverTopOrBottom = {
       </div>
       <div className="absolute top-1/2 p-8">
         <div className="w-48">
-          <Template {...args} popoverProps={{placement: "top"}} />
+          <Template {...args} />
         </div>
       </div>
     </div>