Content With Aside

Two-column layout for documentation-style pages: growing content + sticky aside.

Place ContentWithAside inside LayoutMain when the main region needs a primary reading column and a secondary rail (table of contents, metadata, or related links). The content column grows; the aside minimally fits and stays sticky on wide viewports (typically when the viewport is wide enough for the two-column grid — the aside stops being sticky on narrow breakpoints).

• Long documentation or design-language pages with an in-page anchor rail
• Settings or guide pages where secondary navigation sits beside prose
• Any main content area that pairs scrollable copy with a compact right column

• Nest inside Layout → LayoutMain.
• Put the page title, lead copy, and body sections in Content.
• Put the table of contents or utility rail in Aside — often an Anchor.
• Slot source order does not matter; CSS places content left and aside right.