CoherentDS
shared · Page blocks

OrbitDesignSystem

components/site/OrbitDesignSystem.tsx

preview
Design System / Shared Components /MrrChart
shared · used on several pages

MrrChart

CID-007

src/components/shared/mrr-chart.tsx

preview
months=24
MRR growth
Expansion New
usage · in this app
src/app/(app)/page.tsx
import { MrrChart } from '@/components/shared/mrr-chart'

<MrrChart />
tokens · 9
referenced in its file
--border--card--chart-1--chart-2--foreground--input--muted-foreground--popover--radius
used on · 2
//revenue
history · 2
verified
CID-007: show 24 months
2026-10-20
verified
Previews for the shared components
2026-10-20
usage · in this app
components/site/HeroShowcase.tsx
import { OrbitDesignSystem } from '@/components/site/OrbitDesignSystem'

{s.id === 'ds' ? <OrbitDesignSystem />
props
{}
used on · 1
/
tokens · 11
referenced in its file
--font-mono--font-sans--leading-copy--radius-control--radius-xs--shadow-hair--text-body--text-caption--text-display-xs--text-ui--tracking-label
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