Heading

Headings 1 to 6, with fluid sizes and section links.

IzzyBlazor.Heading in the IzzyBlazor.Core package, generated from the 0.1.0-alpha.17 assembly and its doc comments.

Properties (18)

Levelint = 2

The heading level, 1 to 6, which sets the element (h1 to h6). Defaults to 2.

Outlinebool = true

Lists the heading in the page's OnThisPage (when its level is one it lists). Defaults to true; false leaves it out and gives it no anchor link.

Anchorbool?

Makes the heading a link to itself, with a "#" on hover, so a section can be linked. By default, headings listed in an OnThisPage are; true adds the link to any heading with an id, false removes it. A heading whose content holds a link or button of its own (an a, button, Anchor or button component) never gets one, since links can't nest. A heading holding a component that isn't one of IzzyBlazor's plain ones (Icon, Badge, Kbd, TextBlock) gets one only with true, since it might render a link. Set it as Anchor="true": the attribute needs a value.

SizeResponsive<TextSize>Responsive

Font size. Responsive.

WeightFontWeight?

Font weight.

FamilyFontFamily?

Font family.

AlignResponsive<TextAlign>Responsive

Horizontal alignment. Responsive.

LineHeightLineHeight?

Line height.

LetterSpacingLetterSpacing?

Letter spacing.

TransformTextTransform?

Letter case.

DecorationTextDecoration?

Underline or strike-through.

Italicbool = false

Italic.

WrapTextWrap?

How lines break: normal, never, balanced or pretty.

Truncatebool = false

Keep to one line and end with an ellipsis when it does not fit.

LineClampint?

Show at most this many lines, ending with an ellipsis.

TabularNumsbool = false

Equal-width digits, so numbers line up in columns and do not jitter when they change.

MinSizeTextSize?

Makes the size fluid: the text is MinSize on a 360px screen and grows smoothly to Size at 1280px and up, as for a hero heading: <Heading Size="TextSize.Xl5" MinSize="TextSize.Xl3">. Replaces per-breakpoint sizes: with them, it grows to the size for the widest breakpoint given.

ChildContentRenderFragment?From Box

The content.

Plus 25 surface props, 16 item props and 4 common props.

Show them here

Events (0)

No events.

Types (9)

`FontFamily`

enum

Font family tokens.

FontFamily values
Value	Description
`Body`	The body font (the default), `--ib-font-body`.
`Heading`	The heading font, `--ib-font-heading`: the body font unless the theme sets one (Newsreader in Editorial).
`Mono`	The monospace font, for code and figures, `--ib-font-mono`.

`FontWeight`

enum

Font weights.

FontWeight values
Value	Description
`Light`	300.
`Normal`	400.
`Medium`	500.
`Semibold`	600.
`Bold`	700.
`Extrabold`	800.

`LetterSpacing`

enum

Letter spacing tokens.

LetterSpacing values
Value	Description
`Tighter`	-0.05em.
`Tight`	-0.025em, for large headings.
`Normal`	0.
`Wide`	0.025em.
`Wider`	0.05em, for small uppercase labels.
`Widest`	0.1em.

`LineHeight`

enum

Line height tokens.

LineHeight values
Value	Description
`None`	1.
`Tight`	1.25, for headings.
`Snug`	1.375.
`Normal`	1.5, for body text.
`Relaxed`	1.625.
`Loose`	2.

`TextAlign`

enum

Horizontal text alignment. Start and End follow the reading direction.

TextAlign values
Value	Description
`Start`	Left in left-to-right languages.
`Center`	Centered.
`End`	Right in left-to-right languages.
`Justify`	Justified to both edges.

`TextDecoration`

enum

Text decoration lines.

TextDecoration values
Value	Description
`None`	No line.
`Underline`	Underlined.
`LineThrough`	Struck through.

`TextSize`

enum

Font size tokens, from TextSize.Xs (12px) to TextSize.Xl6 (60px).

TextSize values
Value	Description
`Xs`	12px.
`Sm`	14px.
`Md`	16px, the body size.
`Lg`	18px.
`Xl`	20px.
`Xl2`	24px.
`Xl3`	30px.
`Xl4`	36px.
`Xl5`	48px.
`Xl6`	60px.

`TextTransform`

enum

Letter case changes.

TextTransform values
Value	Description
`None`	As written.
`Uppercase`	ALL CAPS.
`Lowercase`	all lowercase.
`Capitalize`	Each Word Capitalized.

`TextWrap`

enum

How lines break.

TextWrap values
Value	Description
`Wrap`	Normal wrapping.
`NoWrap`	Never wrap.
`Balance`	Even line lengths; best for headings and short text.
`Pretty`	Avoids a lone word on the last line; good for paragraphs.