zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

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

Browse Source
This commit is contained in:
Hyko
2026-04-25 20:07:48 -04:00
parent 9670e03da8
commit 0c10dd0142
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/devkit/ComponentsPage.client.js
+11
View File
@@ -91,6 +91,17 @@ export default function ComponentsPage() {
<Badge variant="orange">Orange</Badge> <Badge variant="orange">Orange</Badge>
</PreviewBlock> </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"> <PreviewBlock title="StatusBadge">
<StatusBadge status="active" /> <StatusBadge status="active" />
<StatusBadge status="inactive" /> <StatusBadge status="inactive" />