XDSLayout

Layout

Page shell with header, sidebar(s), content, and footer slots for building full app layouts.

Layout@xds/core

Sub-components (9)

XDSHStackHorizontal stack that arranges children left-to-right.

XDSLayoutPage shell with header, sidebar(s), content, and footer slots for building full app layouts.

XDSLayoutContainerPrimitive component that sets CSS variables for padding, used as the base for XDSCard and XDSSection.

XDSLayoutContentScrollable main content area.

XDSLayoutFooterBottom bar for action bars, pagination, and status bars.

XDSLayoutHeaderTop bar for page titles, app bars, and toolbars.

XDSLayoutPanelSidebar for navigation, settings, or inspector panels.

XDSStackItemStack item with fill and alignment control for use inside XDSHStack or XDSVStack.

XDSVStackVertical stack that arranges children top-to-bottom.