CoherentDS
shared · Page blocks

BreakpointsPreview

components/tools/BreakpointsPreview.tsx

preview
Breakpointsdesktop-first
600
640
768
1024
1280
md: 600pxmd: 640pxmd: 768pxlg: 1024pxxl: 1280px
usage · in this app
components/tools/ExtractResultView.tsx
import { BreakpointsPreview } from '@/components/tools/BreakpointsPreview'

<BreakpointsPreview result={result} />
props
{ result: ExtractResult }
used on · 1
/tools/designmd-extractor
tokens · 8
referenced in its file
--card--card-foreground--font-mono--muted--muted-foreground--primary--primary-foreground--text-micro
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