Skip to content
Home

SubHeading

Info
Demos
Properties

Description

Form.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
<Form.SubHeading>This is a sub heading</Form.SubHeading>

Below MainHeading

This is a main heading

This is a sub heading

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

Over Stack

This is a sub heading

Stack contents

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

Inside Card

This is a sub heading

Card contents

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

Over Stack with Card

This is a sub heading

Card contents

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

Two sub headings

This is sub heading 1

This is sub heading 2

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