Props

Set the text-align on the component.

The color of the component. It supports those theme colors that make sense for this component.

Controls the display type

Applies the theme typography styles.

The content of the component.

Override or extend the styles applied to the component. See CSS API below for more details.

The component used for the root node. Either a string to use a HTML element or a component. Overrides the behavior of the variantMapping prop.

If true, the text will have a bottom margin.

If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.

Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).

If true, the text will have a bottom margin.

The component maps the variant prop to a range of different HTML element types. For instance, subtitle1 to ====. If you wish to change that mapping, you can provide your own. Alternatively, you can use the component prop.