From dc77cf292bd88809b4df66a1126f91b1c98cfab3 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 26 Jul 2023 15:01:48 +0200
Subject: [PATCH] docs(Button): add `rounded` section with `ui` prop

---
 docs/content/2.elements/3.button.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/docs/content/2.elements/3.button.md b/docs/content/2.elements/3.button.md
index 9ae22299..e28747c5 100644
--- a/docs/content/2.elements/3.button.md
+++ b/docs/content/2.elements/3.button.md
@@ -112,6 +112,26 @@ props:
 Button
 ::
 
+### Rounded
+
+To customize the border radius of the Button, you can use the `ui` prop.
+
+::component-card
+---
+props:
+  ui:
+    rounded: 'rounded-full'
+excludedProps:
+  - ui
+---
+
+Button
+::
+
+::callout{icon="i-heroicons-light-bulb"}
+You can customize the whole [preset](#preset) by using the `ui` prop.
+::
+
 ### Icon
 
 Use any icon from [Iconify](https://icones.js.org) by setting the `icon` prop by using this pattern: `i-{collection_name}-{icon_name}`.