Skip to content

Layout

Explicit containers and one-dimensional or grid composition.

  • Container — Constrain and center a readable block of page content.
  • Stack — Arrange children vertically with a validated, consistent gap.
  • Inline — Arrange related children in a wrapping horizontal row.
  • Grid — Lay out explicit child components in a responsive grid.
  • Divider — Separate adjacent groups with a semantic horizontal or vertical rule.
  • MainPanel — Primary HTMX swap region for AppShell document/fragment dual paths.
  • AppShell — Document shell with optional side nav and a MainPanel body.
  • ActionDock — Sticky action dock for primary controls.
  • BottomDock — Bottom sticky dock alias for chat or actions.
  • Spacer — Semantic spacing primitive.