docs(devkit): add dot badge variants preview to components page

2026-04-25 20:07:48 -04:00
parent 9670e03da8
commit 0c10dd0142
1 changed files with 11 additions and 0 deletions
@@ -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" />