Heading - MikaBerglund/Blazor-Bootstrap GitHub Wiki
The Heading component shows different levels of headings.
| Name | Type | Description |
|---|---|---|
| Display | HeadingDisplay? | Use this property to specify a different display size for your heading to better visually fit into the overall look and feel. |
| IsAnchor | bool | Specifies that the heading is also an anchor that you can link to. This requires that the Id property is also set on the heading. An anchor heading will display a link icon when hovered over to indicate that the heading is an anchor. |
| Level | HeadingLevel | The heading level. |
A simple heading.
<Heading Level="HeadingLevel.H1">H1 Level</Heading>Using the Display property to create a very large H1 heading.
<Heading Level="HeadingLevel.H1" Display="HeadingDisplay.Display1">Large Heading</Heading>Turn the heading into an anchor link that links to the heading. The anchor link is visible only when hovering over the heading. You must specify the Id property on the Heading in order for automatic anchor links to work.
<Heading Id="anchors" IsAnchor="true">Anchor Links</Heading>