chore(select): add story with popover position

frontio-ai · Jan 5, 2025 · 945bc47 · 945bc47
1 parent 6ddbc79
commit 945bc47
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx
@@ -1495,3 +1495,23 @@ export const ValidationBehaviorAria = {
     ...defaultProps,
   },
 };
+
+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} popoverProps={{placement: "top"}} />
+        </div>
+      </div>
+    </div>
+  ),
+};