Skip to content
Home

SubHeading

Info
Demos
Properties

Description

Layout.SubHeading is a standardized sub heading for sections, ensuring default layout, spacing etc.

The used font-size is set to large.

Demos

Text only

This is a sub heading

Code Editor
<Layout.SubHeading>This is a sub heading</Layout.SubHeading>

Below MainHeading

This is a main heading

This is a sub heading

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

Over Stack

This is a sub heading

Stack contents

Code Editor
<Layout.SubHeading>This is a sub heading</Layout.SubHeading>
<Layout.Stack>
  <P>Stack contents</P>
</Layout.Stack>

Inside Card

This is a sub heading

Card contents

Code Editor
<Layout.Card>
  <Layout.Stack>
    <Layout.SubHeading>This is a sub heading</Layout.SubHeading>
    <P>Card contents</P>
  </Layout.Stack>
</Layout.Card>

Over Stack with Card

This is a sub heading

Card contents

Code Editor
<Layout.SubHeading>This is a sub heading</Layout.SubHeading>
<Layout.Stack>
  <Layout.Card>
    <P>Card contents</P>
  </Layout.Card>
</Layout.Stack>

Two sub headings

This is sub heading 1

This is sub heading 2

Other contents
Code Editor
<Layout.SubHeading>This is sub heading 1</Layout.SubHeading>
<Layout.SubHeading>This is sub heading 2</Layout.SubHeading>
Other contents