#Section

#Description

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

#Accessibility

You may consider adding an aria-label or aria-labelledby to provide screen readers with landmarks.

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