From a7f67654e89868bfe4444b679bfb8018d93f98fa Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Mon, 27 Jan 2025 10:06:16 +0100
Subject: [PATCH] docs(ui-docs): document `v` and `h` props in Spacer

---
 front/ui-docs/components/ui/layout/spacer.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/front/ui-docs/components/ui/layout/spacer.md b/front/ui-docs/components/ui/layout/spacer.md
index 23ac5c44c..4852e0dc8 100644
--- a/front/ui-docs/components/ui/layout/spacer.md
+++ b/front/ui-docs/components/ui/layout/spacer.md
@@ -159,8 +159,22 @@ Note the `+` before `size`. Some browsers will output a string for the `Input` v
 </div>
 </Layout>
 
+## Restrict the dimension of a spacer with the `v` and `h` props
+
+By default, a spacer is square. You can make it horizontal with `h` and vertical with `v`. See the example in the following section.
+
 ## Use the Spacer to vary an element's dimensions
 
+```vue-html
+<Input v-model="size" type="range" />
+<Card min-content title="h">
+  <Spacer h :size="size * 4" style="border:5px dashed;" />
+</Card>
+<Card min-content title="v">
+  <Spacer v :size="size * 4" style="border:5px dashed;" />
+</Card>
+```
+
 <Layout flex style="align-items:flex-start">
 <Input v-model="size" type="range" />
 <Card min-content title="h">