Layout
The opinionated application sidebar: the Sidebar skeleton behind typed header and footer slots, with the navigation as children.
A right-hand rail whose collapsed state is a 48px icon strip that doubles as its own section switcher — click a switcher entry to make it active, click the ACTIVE entry again to collapse/expand.
Panes the user can drag to resize — fixed two-pane layouts with per-pane surface tones are Layout/SplitPanel, see [Choosing between similar components](?path=/docs/docs-choosing-between-similar-components--docs).
A summoned, resizable panel that docks to one edge of the content area — closed by default, opened by something the user does, resizable by pointer and keyboard, and rendered as an overlay Sheet below overlayBreakpoint (default 1100) instead of a fixed-width column.
A fixed two-pane layout with per-pane surface tones — panes the user can drag to resize are Layout/Resizable, see [Choosing between similar components](?path=/docs/docs-choosing-between-similar-components--docs).
A tour of full-size surfaces behind a sticky tab strip: the frame stays put while surfaces crossfade, lazy surfaces show a Skeleton until their code arrives, a one-time corner hint nudges the first interaction, and an actions row sits under the frame.
A dense row of controls that acts on nearby content, collapsed into ONE tab stop with arrow-key navigation between the controls.
The row above a list, table or board — status and filters on the left, actions on the right, every control its own tab stop.