Headline 🚫 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 HeadlineAlign =
'start'
'center'
'end'
'inherit'
'left' 🚫
'right' 🚫'start'color colorBasic text color variations depending on theme property.type HeadlineColor =
'primary'
'default'
'inherit''primary'ellipsis ellipsisAdds an ellipsis to a single line of text if it overflows.booleanfalsetag tagSets a custom HTML tag depending on the usage of the headline component.type HeadlineTag =
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'variant 🛠variantPredefined style of the headline.type HeadlineVariant =
'large-title'
'headline-1'
'headline-2'
'headline-3'
'headline-4'
'headline-5'
'xx-small'
'x-small'
'small'
'medium'
'large'
'x-large'
'inherit'
BreakpointCustomizable<HeadlineVariant>'headline-1'SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot to render the headline.