From c0219d3fa856a942042f7ec476c04fe6fc66f673 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Mon, 30 Dec 2024 13:18:28 +0100
Subject: [PATCH] chore(docs): update documentation to match code

---
 front/ui-docs/components/ui/button.md | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/front/ui-docs/components/ui/button.md b/front/ui-docs/components/ui/button.md
index 2642353d2..488139af1 100644
--- a/front/ui-docs/components/ui/button.md
+++ b/front/ui-docs/components/ui/button.md
@@ -383,23 +383,19 @@ Icon buttons shrink down to the icon size if you don't pass any content. If you
 <Layout flex>
 
 ```vue-html
-    <Button min-content>·</Button>
-    <Button small>·</Button>
-    <Button buttonWidth>·</Button>
-    <Button medium>·</Button>
-    <Button auto>·</Button>
-
+    <Button min-content>🐌</Button>
+    <Button tiny>🐌</Button>
+    <Button buttonWidth>🐌</Button>
+    <Button small>🐌</Button>
+    <Button auto>🐌</Button>
     <hr />
-
-    <Button alignSelf="start">·</Button>
-    <Button alignSelf="center">·</Button>
-    <Button alignSelf="end">·</Button>
-
+    <Button alignSelf="start">🐌</Button>
+    <Button alignSelf="center">🐌</Button>
+    <Button alignSelf="end">🐌</Button>
     <hr />
-
-    <Button alignText="left">·</Button>
-    <Button alignText="center">·</Button>
-    <Button alignText="right">·</Button>
+    <Button alignText="left">🐌</Button>
+    <Button alignText="center">🐌</Button>
+    <Button alignText="right">🐌</Button>
 ```
 
   <Layout class="preview solid primary" stack no-gap>