Description
Layout.SubHeading is a standardized sub heading for sections, ensuring default layout, spacing etc.
Demos
Text only
This is a sub heading
<Layout.SubHeading>This is a sub heading</Layout.SubHeading>
Below MainHeading
This is a main heading
This is a sub heading
<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
<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
<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<Layout.SubHeading>This is sub heading 1</Layout.SubHeading><Layout.SubHeading>This is sub heading 2</Layout.SubHeading>Other contents
Properties
| Property | Type | Description |
|---|---|---|
space | Space | (optional) Spacing object with keys top, right, bottom and left |
children | React.Node | (optional) Heading text / contents. |