From b4a32add11981c75ebcf507e9c388c226661ae6a Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Tue, 3 Oct 2023 13:04:09 +0200
Subject: [PATCH] Min and max story

---
 .../lib/uui-split-panel.story.ts              | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/packages/uui-split-panel/lib/uui-split-panel.story.ts b/packages/uui-split-panel/lib/uui-split-panel.story.ts
index ba3a1522d..b8d4c60de 100644
--- a/packages/uui-split-panel/lib/uui-split-panel.story.ts
+++ b/packages/uui-split-panel/lib/uui-split-panel.story.ts
@@ -75,6 +75,31 @@ export const Vertical: Story = {
   },
 };
 
+export const MinAndMax: Story = {
+  args: {
+  },
+  parameters: {
+    docs: {
+      source: {
+        code: `<uui-split-panel style="--min: 150px; --max: calc(100% - 150px);">
+        <div
+          slot="start"
+          style="height: 200px; background: var(--uui-color-background); display: flex; align-items: center; justify-content: center; overflow: hidden;"
+        >
+          Start
+        </div>
+        <div
+          slot="end"
+          style="height: 200px; background: var(--uui-color-background); display: flex; align-items: center; justify-content: center; overflow: hidden;"
+        >
+          End
+        </div>
+      </uui-split-panel>`,
+      },
+    },
+  },
+};
+
 export const Snapping: Story = {
   args: {
     snap: "100px 50%",