Heading Table of Contents

• Props
• Slots

Propertiestype BreakpointCustomizable<T> = { base: T; xs?: T; s?: T; m?: T; l?: T; xl?: T; xxl?: T; };PropertyAttributeDescriptionTypeDefaultalign alignText alignment of the component.type HeadingAlign =
'start'
'center'
'end'
'inherit'
'left' 🚫
'right' 🚫'start'color colorBasic text color variations depending on theme property.type HeadingColor =
'primary'
'inherit''primary'ellipsis ellipsisAdds an ellipsis to a single line of text if it overflows.booleanfalsesize 🛠sizeSize of the component. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.type HeadingSize =
'small'
'medium'
'large'
'x-large'
'xx-large'
'inherit'
BreakpointCustomizable<HeadingSize>'xx-large'tag tagSets a heading tag, so it fits correctly within the outline of the page.type HeadingTag =
undefined
'h1'
'h2'
'h3'
'h4'
'h5'
'h6'undefinedtheme themeAdapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.type Theme =
'light'
'dark'
'auto''light'SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot to render the heading.