From 0c10dd0142e27882fdd13b9c6d1ec79f696c1eca Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Sat, 25 Apr 2026 20:07:48 -0400
Subject: [PATCH] docs(devkit): add dot badge variants preview to components
 page

---
 src/features/admin/devkit/ComponentsPage.client.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

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" />