Min and max story

umbraco · Oct 3, 2023 · b4a32ad · b4a32ad
1 parent 58f926f
commit b4a32ad
Showing 1 changed file with 25 additions and 0 deletions.
diff --git 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%",