shared · Page blocks

Block

components/site/OrbitApp.tsx

preview

MRR growth

usage

not used in this app yet

import { Block } from '@/components/site/OrbitApp'

<Block />

props

{ id: string name: string ids?: boolean /** Label inside the outline, for blocks flush with the canvas edge. */ inside?: boolean /** Label on the right, where the block's top-left has text. */ right?: boolean className?: string children: ReactNode }

used on · 1

tokens · 14

referenced in its file

--font-mono --font-sans --id-ink --id-outline --leading-compact --radius-control --radius-xs --shadow-tip --text-body --text-caption --text-micro --tracking-caps --tracking-heading --tracking-title

history · 4

verified

Previews for the multi-component files (Orbit, Logo, Reveal) as named <Name>Preview exports, and PageIntro

2026-10-22

partial

CID-015: ID outlines sized in CSS, not calc() in SVG attributes (Safari logged an error per render)

2026-10-22

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