diff --git a/docs/content/2.elements/2.badge.md b/docs/content/2.elements/2.badge.md
index 4be0c6d4..0aff3869 100644
--- a/docs/content/2.elements/2.badge.md
+++ b/docs/content/2.elements/2.badge.md
@@ -43,7 +43,7 @@ Badge
 
 Besides all the colors from the `ui.colors` object, you can also use the `white` and `black` colors with their pre-defined variants.
 
-#### White
+#### White :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full"}
 
 ::component-card
 ---
@@ -60,7 +60,7 @@ excludedProps:
 Badge
 ::
 
-#### Gray
+#### Gray :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full"}
 
 ::component-card
 ---
@@ -77,7 +77,7 @@ excludedProps:
 Badge
 ::
 
-#### Black
+#### Black :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full"}
 
 ::component-card
 ---