Layout family

Layout components

Compose surfaces without ad hoc flex. Layout recipes live in ui/src/primitives/layout.ts and pair with appShell() for authenticated frames.

Recipes

  • stack() — vertical or horizontal rhythm from gap-stack.
  • layoutPanel() — scrollable main region inside App Shell.
  • formLayout() — multi-field forms; wraps field(), does not replace it.
  • scrollable() — overflow regions (rail body, tables).
  • center() — narrow marketing bands.
  • aspectRatio() — media frames.

See also App Shell and Form layout.

Sporting Scouter Design System
Every token on this site is generated from theme.css.