Description
Layout.MainHeading is a standardized main heading for sections, ensuring default layout, spacing etc.
Demos
Text only
This is a main heading
<Layout.MainHeading>This is a main heading</Layout.MainHeading>
Over Section
This is a main heading
Section contents
<Layout.MainHeading>This is a main heading</Layout.MainHeading><Layout.Section>Section contents</Layout.Section>
Over Section with Card
This is a main heading
Card contents
<Layout.MainHeading>This is a main heading</Layout.MainHeading><Layout.Section><Layout.Card>Card contents</Layout.Card></Layout.Section>
Properties
| Property | Type | Description |
|---|---|---|
space | Space | (optional) Spacing object with keys top, right, bottom and left |
children | React.Node | (optional) Heading text / contents. |