Skip to content

Description

Layout.MainHeading is a standardized main heading for sections, ensuring default layout, spacing etc.

The used font-size is set to large.

Demos

Text only

This is a main heading

Code Editor
<Layout.MainHeading>This is a main heading</Layout.MainHeading>

Over Stack

This is a main heading

Stack contents

Code Editor
<Layout.MainHeading>This is a main heading</Layout.MainHeading>
<Layout.Stack>
  <P>Stack contents</P>
</Layout.Stack>

Over Stack with Card

This is a main heading

Card contents

Code Editor
<Layout.MainHeading>This is a main heading</Layout.MainHeading>
<Layout.Stack>
  <Layout.Card>
    <P>Card contents</P>
  </Layout.Card>
</Layout.Stack>