Placeholder Components¶

Visually indicate "something goes here" without committing to content. All accept the base props in addition to those listed.

Sizing these with w/h is recommended — they don't have intrinsic dimensions.

Prop tables are auto-generated by npm run gen:docs from the zod schemas.

`chart`¶

Placeholder for a data visualization with a rough silhouette hint.

Prop	Type	Description
`kind`	`"bar"` \| `"line"` \| `"pie"`	Shape to suggest
`label`	string	Caption shown on or below the chart

chart:
  kind: bar
  label: "Monthly revenue"
  w: 400
  h: 220

Map placeholder — a shaded rectangle with a "MAP" badge.

No component-specific props — accepts base props only.

map:
  w: 320
  h: 200
  note: "Shows pickup location"

Video placeholder — a shaded rectangle with a ▶ play icon and a "VIDEO" badge.

No component-specific props — accepts base props only.

video:
  w: 480
  h: 270
  note: "Onboarding intro, 90s"

Generic labeled box — for anything that doesn't fit a specific category yet.

Prop	Type	Description
`label`	string	Caption text shown centered

placeholder:
  label: "Activity feed (TODO)"
  w: 300
  h: 180