Skip to main content

Typography

The Typography component allows the placement of text elements within a page or other components.

Properties

NameTypeDefaultDescription
textstringDefines the text to display.
paragraphboolfalseIf true, the element will be a paragraph element.

Style Attributes

NameTypeDefaultDescription
varianth1
h2
h3
h4
h5
h6
subtitle1
subtitle2
body1
body2
caption
button
overline
inherit
string
inheritDefines the type of typography to display.
aligninherit
left
center
justify
string
inheritSpecifies the text alignment.
colorinitial
inherit
primary
secondary
textPrimary
textSecondary
error
string
inheritDefines the color of the typography.
noWrapboolfalseIf true, the text will be truncated and display a text overflow ellipsis.
gutterBottomboolfalseEnables a gutter at the bottom of the typography component.

For more detail on the Typography component, see the MUI developer docs.