Demo Box

Dashed-border layout preview surface for shell demos and unimplemented primitive stubs.

Use inside layout component previews to show where main content would render. Gap primitive stubs pass label=placeholder_label("ComponentName") for consistent todo labels.

  • Component preview pages for layout components
  • Storybook-style demos where real page content is out of scope
  • Placeholder stubs for primitives not yet implemented
Default

Dashed-border box filling a fixed-height region where main content would render. Use in shell and layout previews when real page content is out of scope.

With Label

Same dashed surface with a custom label identifying the content region. Use when multiple demo areas need distinct labels in a layout preview.

Main content area