CoherentDS
shared · Page blocks

SiteBadge

components/site/Badge.tsx

preview
Previeweverything unlocked
usage · in this app
components/landing/open-source-section.tsx
import { SiteBadge } from '@/components/site/Badge'

{!p.featured && <SiteBadge tone="accent">everything unlocked</SiteBadge>
props
{ children: ReactNode tone?: Tone className?: string }
used on · 1
/
tokens · 9
referenced in its file
--accent--border--border-strong--elevated--fg-dim--fg-muted--id-outline--text-caption--tracking-caps
history · 3
verified
Previews for the site components
2026-10-21
verified
Components: restore the spaces before quotes the token codemod removed
2026-10-21
verified
Components: hardcoded sizes, colors, radii and shadows replaced with the site tokens
2026-10-21
Coherent Design MethodGitHubDesign system read from this app's code