Split / Sidebar

July 8, 2026 ยท View on GitHub

  • sidebar - Let a narrow sidebar and wider content wrap when space is tight.
  • switcher - Switch equal regions from row to stack without a viewport breakpoint.
  • media-object - Align media and descriptive content as a stable pair.
  • sticky-aside - Keep related aside content visible during long reads.
  • split-screen - Split a viewport or region into two balanced panes.
  • list-detail - Place an explorable list beside its detail region.
  • supporting-pane - Keep supplemental information beside a primary task.
  • main-with-rail - Keep primary content dominant with a narrow secondary rail.