diff --git a/src/features/admin/devkit/ComponentsPage.client.js b/src/features/admin/devkit/ComponentsPage.client.js
index b6f6c5c..b8f3be7 100644
--- a/src/features/admin/devkit/ComponentsPage.client.js
+++ b/src/features/admin/devkit/ComponentsPage.client.js
@@ -91,6 +91,17 @@ export default function ComponentsPage() {
         <Badge variant="orange">Orange</Badge>
       </PreviewBlock>
 
+      <PreviewBlock title="Badge — pastilles (dot)">
+        <Badge color="#6366f1" dot>Indigo</Badge>
+        <Badge color="#f59e0b" dot>Ambre</Badge>
+        <Badge color="#10b981" dot>Émeraude</Badge>
+        <Badge color="#3b82f6" dot>Bleu</Badge>
+        <Badge color="#ec4899" dot>Rose</Badge>
+        <Badge color="#ef4444" dot>Rouge</Badge>
+        <Badge color="#8b5cf6" dot>Violet</Badge>
+        <Badge color="#14b8a6" dot>Teal</Badge>
+      </PreviewBlock>
+
       <PreviewBlock title="StatusBadge">
         <StatusBadge status="active" />
         <StatusBadge status="inactive" />