Basic Headings

H1

H2

H3

H4

<PrimerBrandHeading Level="BrandHeadingLevel.H1"
                    Font="BrandHeadingFont.MonaSans"
                    Weight="BrandHeadingWeight.Bold"
                    Stretch="BrandHeadingStretch.Normal"
                    LetterSpacing="BrandHeadingLetterSpacing.Condensed">
    H1
</PrimerBrandHeading>

<PrimerBrandHeading Level="BrandHeadingLevel.H2"
                    Font="BrandHeadingFont.MonaSans"
                    Stretch="BrandHeadingStretch.Normal"
                    LetterSpacing="BrandHeadingLetterSpacing.Condensed">
    H2
</PrimerBrandHeading>

<PrimerBrandHeading Level="BrandHeadingLevel.H3"
                    Font="BrandHeadingFont.MonaSans"
                    Stretch="BrandHeadingStretch.Normal"
                    LetterSpacing="BrandHeadingLetterSpacing.Condensed">
    H3
</PrimerBrandHeading>

<PrimerBrandHeading Level="BrandHeadingLevel.H4"
                    Font="BrandHeadingFont.MonaSans"
                    Stretch="BrandHeadingStretch.Normal"
                    LetterSpacing="BrandHeadingLetterSpacing.Condensed">
    H4
</PrimerBrandHeading>

PrimerBrandHeading Options

Available parameters for the PrimerBrandHeading component

NameDescriptionDefault ValueCSS Class
Level
Heading level (H1 to H6, or display/subhead)
H1
Heading--{level}
Font
Font family used for the heading
MonaSans
Heading-font--{font}
Weight
Font weight
Medium
Heading--weight-{value}
Stretch
Font stretch style
null
Heading--stretch-{value}
LetterSpacing
Letter spacing value
null
Heading--letter-spacing-{value}
ChildContent
Heading text content
-
-
Style
Inline style
""
-
AdditionalClass
Custom additional class names
""
-