Skip to content
Home

Stack

Info
Demos
Properties

Description

Layout.Stack is an outer block element for wrapping content to get the correct layout and spacing between region and region headings.

Accessibility

It uses a seciton element. Which allows you to add an aria-label or aria-labelledby to provide screen readers with landmarks.

Main heading

Content inside a landmark ...

Code Editor
<Layout.Stack aria-labelledby="unique-id">
  <Layout.MainHeading id="unique-id">Main heading</Layout.MainHeading>
  <Layout.Card>
    <P>Content inside a landmark ...</P>
  </Layout.Card>
</Layout.Stack>