Skip to content
Home

SubHeading

Info
Demos
Properties

Description

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

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 Section

This is a sub heading

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

Over Section with Card

This is a sub heading

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

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