Layout provides composable components for building structured page shells with header, sidebar, content, and footer slots. Use XDSLayout for full app layouts and XDSHStack/XDSVStack for simple directional stacking.
ts
import{XDSLayoutContainer}from'@xds/core/Layout'
Best practices
Guidance
Practices
Do
Use XDSLayout for page shells that need distinct zones like header, sidebar(s), content, and footer.
Do
Use XDSHStack and XDSVStack for simple directional stacking within a content area.
Don't
Use XDSLayout for simple stacking layouts — use XDSHStack or XDSVStack instead.
Don't
Nest multiple XDSLayout components — use one per page shell and compose content within its slots.