Skip to main content

SectionTitleProps

Props for the SectionTitle component

Example​

<SectionTitle
 title="Main Title"
 subtitle="Optional subtitle text"
 align="center"
 variant="h3"
 gutterBottom={true}
 sx={{ color: 'primary.main' }}
/>

Extends​

  • TypographyProps

Properties​

about?​

optional about: string;

Inherited from​

TypographyProps.about

accessKey?​

optional accessKey: string;

Inherited from​

TypographyProps.accessKey

align?​

optional align: "inherit" | "right" | "left" | "center" | "justify";

Text alignment

Default​

'center'

Overrides​

TypographyProps.align

alignContent?​

optional alignContent: 
  | ResponsiveStyleValue<readonly string[] | AlignContent | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | AlignContent | undefined>;

Inherited from​

TypographyProps.alignContent

alignItems?​

optional alignItems: 
  | ResponsiveStyleValue<readonly string[] | AlignItems | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | AlignItems | undefined>;

Inherited from​

TypographyProps.alignItems

alignSelf?​

optional alignSelf: 
  | ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | AlignSelf | undefined>;

Inherited from​

TypographyProps.alignSelf

aria-activedescendant?​

optional aria-activedescendant: string;

Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

Inherited from​

TypographyProps.aria-activedescendant

aria-atomic?​

optional aria-atomic: Booleanish;

Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.

Inherited from​

TypographyProps.aria-atomic

aria-autocomplete?​

optional aria-autocomplete: "none" | "inline" | "both" | "list";

Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

Inherited from​

TypographyProps.aria-autocomplete

aria-braillelabel?​

optional aria-braillelabel: string;

Defines a string value that labels the current element, which is intended to be converted into Braille.

See​

aria-label.

Inherited from​

TypographyProps.aria-braillelabel

aria-brailleroledescription?​

optional aria-brailleroledescription: string;

Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.

See​

aria-roledescription.

Inherited from​

TypographyProps.aria-brailleroledescription

aria-busy?​

optional aria-busy: Booleanish;

Inherited from​

TypographyProps.aria-busy

aria-checked?​

optional aria-checked: boolean | "mixed" | "false" | "true";

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

See​

  • aria-pressed
  • aria-selected.

Inherited from​

TypographyProps.aria-checked

aria-colcount?​

optional aria-colcount: number;

Defines the total number of columns in a table, grid, or treegrid.

See​

aria-colindex.

Inherited from​

TypographyProps.aria-colcount

aria-colindex?​

optional aria-colindex: number;

Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

See​

  • aria-colcount
  • aria-colspan.

Inherited from​

TypographyProps.aria-colindex

aria-colindextext?​

optional aria-colindextext: string;

Defines a human readable text alternative of aria-colindex.

See​

aria-rowindextext.

Inherited from​

TypographyProps.aria-colindextext

aria-colspan?​

optional aria-colspan: number;

Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

See​

  • aria-colindex
  • aria-rowspan.

Inherited from​

TypographyProps.aria-colspan

aria-controls?​

optional aria-controls: string;

Identifies the element (or elements) whose contents or presence are controlled by the current element.

See​

aria-owns.

Inherited from​

TypographyProps.aria-controls

aria-current?​

optional aria-current: boolean | "page" | "time" | "false" | "true" | "step" | "location" | "date";

Indicates the element that represents the current item within a container or set of related elements.

Inherited from​

TypographyProps.aria-current

aria-describedby?​

optional aria-describedby: string;

Identifies the element (or elements) that describes the object.

See​

aria-labelledby

Inherited from​

TypographyProps.aria-describedby

aria-description?​

optional aria-description: string;

Defines a string value that describes or annotates the current element.

See​

related aria-describedby.

Inherited from​

TypographyProps.aria-description

aria-details?​

optional aria-details: string;

Identifies the element that provides a detailed, extended description for the object.

See​

aria-describedby.

Inherited from​

TypographyProps.aria-details

aria-disabled?​

optional aria-disabled: Booleanish;

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

See​

  • aria-hidden
  • aria-readonly.

Inherited from​

TypographyProps.aria-disabled

aria-dropeffect?​

optional aria-dropeffect: "link" | "none" | "copy" | "move" | "execute" | "popup";

Indicates what functions can be performed when a dragged object is released on the drop target.

Deprecated​

in ARIA 1.1

Inherited from​

TypographyProps.aria-dropeffect

aria-errormessage?​

optional aria-errormessage: string;

Identifies the element that provides an error message for the object.

See​

  • aria-invalid
  • aria-describedby.

Inherited from​

TypographyProps.aria-errormessage

aria-expanded?​

optional aria-expanded: Booleanish;

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

Inherited from​

TypographyProps.aria-expanded

aria-flowto?​

optional aria-flowto: string;

Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.

Inherited from​

TypographyProps.aria-flowto

aria-grabbed?​

optional aria-grabbed: Booleanish;

Indicates an element's "grabbed" state in a drag-and-drop operation.

Deprecated​

in ARIA 1.1

Inherited from​

TypographyProps.aria-grabbed

aria-haspopup?​

optional aria-haspopup: 
  | boolean
  | "grid"
  | "dialog"
  | "menu"
  | "listbox"
  | "false"
  | "true"
  | "tree";

Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

Inherited from​

TypographyProps.aria-haspopup

aria-hidden?​

optional aria-hidden: Booleanish;

Indicates whether the element is exposed to an accessibility API.

See​

aria-disabled.

Inherited from​

TypographyProps.aria-hidden

aria-invalid?​

optional aria-invalid: boolean | "false" | "true" | "grammar" | "spelling";

Indicates the entered value does not conform to the format expected by the application.

See​

aria-errormessage.

Inherited from​

TypographyProps.aria-invalid

aria-keyshortcuts?​

optional aria-keyshortcuts: string;

Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

Inherited from​

TypographyProps.aria-keyshortcuts

aria-label?​

optional aria-label: string;

Defines a string value that labels the current element.

See​

aria-labelledby.

Inherited from​

TypographyProps.aria-label

aria-labelledby?​

optional aria-labelledby: string;

Identifies the element (or elements) that labels the current element.

See​

aria-describedby.

Inherited from​

TypographyProps.aria-labelledby

aria-level?​

optional aria-level: number;

Defines the hierarchical level of an element within a structure.

Inherited from​

TypographyProps.aria-level

aria-live?​

optional aria-live: "off" | "assertive" | "polite";

Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

Inherited from​

TypographyProps.aria-live

aria-modal?​

optional aria-modal: Booleanish;

Indicates whether an element is modal when displayed.

Inherited from​

TypographyProps.aria-modal

aria-multiline?​

optional aria-multiline: Booleanish;

Indicates whether a text box accepts multiple lines of input or only a single line.

Inherited from​

TypographyProps.aria-multiline

aria-multiselectable?​

optional aria-multiselectable: Booleanish;

Indicates that the user may select more than one item from the current selectable descendants.

Inherited from​

TypographyProps.aria-multiselectable

aria-orientation?​

optional aria-orientation: "horizontal" | "vertical";

Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

Inherited from​

TypographyProps.aria-orientation

aria-owns?​

optional aria-owns: string;

Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.

See​

aria-controls.

Inherited from​

TypographyProps.aria-owns

aria-placeholder?​

optional aria-placeholder: string;

Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.

Inherited from​

TypographyProps.aria-placeholder

aria-posinset?​

optional aria-posinset: number;

Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See​

aria-setsize.

Inherited from​

TypographyProps.aria-posinset

aria-pressed?​

optional aria-pressed: boolean | "mixed" | "false" | "true";

Indicates the current "pressed" state of toggle buttons.

See​

  • aria-checked
  • aria-selected.

Inherited from​

TypographyProps.aria-pressed

aria-readonly?​

optional aria-readonly: Booleanish;

Indicates that the element is not editable, but is otherwise operable.

See​

aria-disabled.

Inherited from​

TypographyProps.aria-readonly

aria-relevant?​

optional aria-relevant: 
  | "all"
  | "text"
  | "additions"
  | "additions removals"
  | "additions text"
  | "removals"
  | "removals additions"
  | "removals text"
  | "text additions"
  | "text removals";

Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

See​

aria-atomic.

Inherited from​

TypographyProps.aria-relevant

aria-required?​

optional aria-required: Booleanish;

Indicates that user input is required on the element before a form may be submitted.

Inherited from​

TypographyProps.aria-required

aria-roledescription?​

optional aria-roledescription: string;

Defines a human-readable, author-localized description for the role of an element.

Inherited from​

TypographyProps.aria-roledescription

aria-rowcount?​

optional aria-rowcount: number;

Defines the total number of rows in a table, grid, or treegrid.

See​

aria-rowindex.

Inherited from​

TypographyProps.aria-rowcount

aria-rowindex?​

optional aria-rowindex: number;

Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

See​

  • aria-rowcount
  • aria-rowspan.

Inherited from​

TypographyProps.aria-rowindex

aria-rowindextext?​

optional aria-rowindextext: string;

Defines a human readable text alternative of aria-rowindex.

See​

aria-colindextext.

Inherited from​

TypographyProps.aria-rowindextext

aria-rowspan?​

optional aria-rowspan: number;

Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

See​

  • aria-rowindex
  • aria-colspan.

Inherited from​

TypographyProps.aria-rowspan

aria-selected?​

optional aria-selected: Booleanish;

Indicates the current "selected" state of various widgets.

See​

  • aria-checked
  • aria-pressed.

Inherited from​

TypographyProps.aria-selected

aria-setsize?​

optional aria-setsize: number;

Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See​

aria-posinset.

Inherited from​

TypographyProps.aria-setsize

aria-sort?​

optional aria-sort: "none" | "ascending" | "descending" | "other";

Indicates if items in a table or grid are sorted in ascending or descending order.

Inherited from​

TypographyProps.aria-sort

aria-valuemax?​

optional aria-valuemax: number;

Defines the maximum allowed value for a range widget.

Inherited from​

TypographyProps.aria-valuemax

aria-valuemin?​

optional aria-valuemin: number;

Defines the minimum allowed value for a range widget.

Inherited from​

TypographyProps.aria-valuemin

aria-valuenow?​

optional aria-valuenow: number;

Defines the current value for a range widget.

See​

aria-valuetext.

Inherited from​

TypographyProps.aria-valuenow

aria-valuetext?​

optional aria-valuetext: string;

Defines the human readable text alternative of aria-valuenow for a range widget.

Inherited from​

TypographyProps.aria-valuetext

autoCapitalize?​

optional autoCapitalize: 
  | string & {
}
  | "none"
  | "off"
  | "on"
  | "sentences"
  | "words"
  | "characters";

Inherited from​

TypographyProps.autoCapitalize

autoCorrect?​

optional autoCorrect: string;

Inherited from​

TypographyProps.autoCorrect

autoFocus?​

optional autoFocus: boolean;

Inherited from​

TypographyProps.autoFocus

autoSave?​

optional autoSave: string;

Inherited from​

TypographyProps.autoSave

bgcolor?​

optional bgcolor: 
  | ResponsiveStyleValue<BackgroundColor | readonly string[] | undefined>
| (theme) => ResponsiveStyleValue<BackgroundColor | readonly string[] | undefined>;

Inherited from​

TypographyProps.bgcolor

border?​

optional border: 
  | ResponsiveStyleValue<
  | undefined
  | number
  | string & {
}
  | "-moz-initial"
  | "inherit"
  | "initial"
  | "revert"
  | "revert-layer"
  | "unset"
  | "inset"
  | "hidden"
  | "transparent"
  | "aliceblue"
  | "antiquewhite"
  | "aqua"
  | "aquamarine"
  | "azure"
  | "beige"
  | "bisque"
  | "black"
  | "blanchedalmond"
  | "blue"
  | "blueviolet"
  | "brown"
  | "burlywood"
  | "cadetblue"
  | "chartreuse"
  | "chocolate"
  | "coral"
  | "cornflowerblue"
  | "cornsilk"
  | "crimson"
  | "cyan"
  | "darkblue"
  | "darkcyan"
  | "darkgoldenrod"
  | "darkgray"
  | "darkgreen"
  | "darkgrey"
  | "darkkhaki"
  | "darkmagenta"
  | "darkolivegreen"
  | "darkorange"
  | "darkorchid"
  | "darkred"
  | "darksalmon"
  | "darkseagreen"
  | "darkslateblue"
  | "darkslategray"
  | "darkslategrey"
  | "darkturquoise"
  | "darkviolet"
  | "deeppink"
  | "deepskyblue"
  | "dimgray"
  | "dimgrey"
  | "dodgerblue"
  | "firebrick"
  | "floralwhite"
  | "forestgreen"
  | "fuchsia"
  | "gainsboro"
  | "ghostwhite"
  | "gold"
  | "goldenrod"
  | "gray"
  | "green"
  | "greenyellow"
  | "grey"
  | "honeydew"
  | "hotpink"
  | "indianred"
  | "indigo"
  | "ivory"
  | "khaki"
  | "lavender"
  | "lavenderblush"
  | "lawngreen"
  | "lemonchiffon"
  | "lightblue"
  | "lightcoral"
  | "lightcyan"
  | "lightgoldenrodyellow"
  | "lightgray"
  | "lightgreen"
  | "lightgrey"
  | "lightpink"
  | "lightsalmon"
  | "lightseagreen"
  | "lightskyblue"
  | "lightslategray"
  | "lightslategrey"
  | "lightsteelblue"
  | "lightyellow"
  | "lime"
  | "limegreen"
  | "linen"
  | "magenta"
  | "maroon"
  | "mediumaquamarine"
  | "mediumblue"
  | "mediumorchid"
  | "mediumpurple"
  | "mediumseagreen"
  | "mediumslateblue"
  | "mediumspringgreen"
  | "mediumturquoise"
  | "mediumvioletred"
  | "midnightblue"
  | "mintcream"
  | "mistyrose"
  | "moccasin"
  | "navajowhite"
  | "navy"
  | "oldlace"
  | "olive"
  | "olivedrab"
  | "orange"
  | "orangered"
  | "orchid"
  | "palegoldenrod"
  | "palegreen"
  | "paleturquoise"
  | "palevioletred"
  | "papayawhip"
  | "peachpuff"
  | "peru"
  | "pink"
  | "plum"
  | "powderblue"
  | "purple"
  | "rebeccapurple"
  | "red"
  | "rosybrown"
  | "royalblue"
  | "saddlebrown"
  | "salmon"
  | "sandybrown"
  | "seagreen"
  | "seashell"
  | "sienna"
  | "silver"
  | "skyblue"
  | "slateblue"
  | "slategray"
  | "slategrey"
  | "snow"
  | "springgreen"
  | "steelblue"
  | "tan"
  | "teal"
  | "thistle"
  | "tomato"
  | "turquoise"
  | "violet"
  | "wheat"
  | "white"
  | "whitesmoke"
  | "yellow"
  | "yellowgreen"
  | "ActiveBorder"
  | "ActiveCaption"
  | "AppWorkspace"
  | "Background"
  | "ButtonFace"
  | "ButtonHighlight"
  | "ButtonShadow"
  | "ButtonText"
  | "CaptionText"
  | "GrayText"
  | "Highlight"
  | "HighlightText"
  | "InactiveBorder"
  | "InactiveCaption"
  | "InactiveCaptionText"
  | "InfoBackground"
  | "InfoText"
  | "Menu"
  | "MenuText"
  | "Scrollbar"
  | "ThreeDDarkShadow"
  | "ThreeDFace"
  | "ThreeDHighlight"
  | "ThreeDLightShadow"
  | "ThreeDShadow"
  | "Window"
  | "WindowFrame"
  | "WindowText"
  | "currentcolor"
  | "medium"
  | "thick"
  | "thin"
  | "dashed"
  | "dotted"
  | "double"
  | "groove"
  | "none"
  | "outset"
  | "ridge"
  | "solid">
  | (theme) => ResponsiveStyleValue<
  | undefined
  | number
  | string & {
}
  | "-moz-initial"
  | "inherit"
  | "initial"
  | "revert"
  | "revert-layer"
  | "unset"
  | "inset"
  | "hidden"
  | "transparent"
  | "aliceblue"
  | "antiquewhite"
  | "aqua"
  | "aquamarine"
  | "azure"
  | "beige"
  | "bisque"
  | "black"
  | "blanchedalmond"
  | "blue"
  | "blueviolet"
  | "brown"
  | "burlywood"
  | "cadetblue"
  | "chartreuse"
  | "chocolate"
  | "coral"
  | "cornflowerblue"
  | "cornsilk"
  | "crimson"
  | "cyan"
  | "darkblue"
  | "darkcyan"
  | "darkgoldenrod"
  | "darkgray"
  | "darkgreen"
  | "darkgrey"
  | "darkkhaki"
  | "darkmagenta"
  | "darkolivegreen"
  | "darkorange"
  | "darkorchid"
  | "darkred"
  | "darksalmon"
  | "darkseagreen"
  | "darkslateblue"
  | "darkslategray"
  | "darkslategrey"
  | "darkturquoise"
  | "darkviolet"
  | "deeppink"
  | "deepskyblue"
  | "dimgray"
  | "dimgrey"
  | "dodgerblue"
  | "firebrick"
  | "floralwhite"
  | "forestgreen"
  | "fuchsia"
  | "gainsboro"
  | "ghostwhite"
  | "gold"
  | "goldenrod"
  | "gray"
  | "green"
  | "greenyellow"
  | "grey"
  | "honeydew"
  | "hotpink"
  | "indianred"
  | "indigo"
  | "ivory"
  | "khaki"
  | "lavender"
  | "lavenderblush"
  | "lawngreen"
  | "lemonchiffon"
  | "lightblue"
  | "lightcoral"
  | "lightcyan"
  | "lightgoldenrodyellow"
  | "lightgray"
  | "lightgreen"
  | "lightgrey"
  | "lightpink"
  | "lightsalmon"
  | "lightseagreen"
  | "lightskyblue"
  | "lightslategray"
  | "lightslategrey"
  | "lightsteelblue"
  | "lightyellow"
  | "lime"
  | "limegreen"
  | "linen"
  | "magenta"
  | "maroon"
  | "mediumaquamarine"
  | "mediumblue"
  | "mediumorchid"
  | "mediumpurple"
  | "mediumseagreen"
  | "mediumslateblue"
  | "mediumspringgreen"
  | "mediumturquoise"
  | "mediumvioletred"
  | "midnightblue"
  | "mintcream"
  | "mistyrose"
  | "moccasin"
  | "navajowhite"
  | "navy"
  | "oldlace"
  | "olive"
  | "olivedrab"
  | "orange"
  | "orangered"
  | "orchid"
  | "palegoldenrod"
  | "palegreen"
  | "paleturquoise"
  | "palevioletred"
  | "papayawhip"
  | "peachpuff"
  | "peru"
  | "pink"
  | "plum"
  | "powderblue"
  | "purple"
  | "rebeccapurple"
  | "red"
  | "rosybrown"
  | "royalblue"
  | "saddlebrown"
  | "salmon"
  | "sandybrown"
  | "seagreen"
  | "seashell"
  | "sienna"
  | "silver"
  | "skyblue"
  | "slateblue"
  | "slategray"
  | "slategrey"
  | "snow"
  | "springgreen"
  | "steelblue"
  | "tan"
  | "teal"
  | "thistle"
  | "tomato"
  | "turquoise"
  | "violet"
  | "wheat"
  | "white"
  | "whitesmoke"
  | "yellow"
  | "yellowgreen"
  | "ActiveBorder"
  | "ActiveCaption"
  | "AppWorkspace"
  | "Background"
  | "ButtonFace"
  | "ButtonHighlight"
  | "ButtonShadow"
  | "ButtonText"
  | "CaptionText"
  | "GrayText"
  | "Highlight"
  | "HighlightText"
  | "InactiveBorder"
  | "InactiveCaption"
  | "InactiveCaptionText"
  | "InfoBackground"
  | "InfoText"
  | "Menu"
  | "MenuText"
  | "Scrollbar"
  | "ThreeDDarkShadow"
  | "ThreeDFace"
  | "ThreeDHighlight"
  | "ThreeDLightShadow"
  | "ThreeDShadow"
  | "Window"
  | "WindowFrame"
  | "WindowText"
  | "currentcolor"
  | "medium"
  | "thick"
  | "thin"
  | "dashed"
  | "dotted"
  | "double"
  | "groove"
  | "none"
  | "outset"
  | "ridge"
| "solid">;

Inherited from​

TypographyProps.border

borderBottom?​

optional borderBottom: 
  | ResponsiveStyleValue<BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.borderBottom

borderColor?​

optional borderColor: 
  | ResponsiveStyleValue<readonly string[] | BorderColor | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | BorderColor | undefined>;

Inherited from​

TypographyProps.borderColor

borderLeft?​

optional borderLeft: 
  | ResponsiveStyleValue<BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.borderLeft

borderRadius?​

optional borderRadius: 
  | ResponsiveStyleValue<BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.borderRadius

borderRight?​

optional borderRight: 
  | ResponsiveStyleValue<BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.borderRight

borderTop?​

optional borderTop: 
  | ResponsiveStyleValue<BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.borderTop

bottom?​

optional bottom: 
  | ResponsiveStyleValue<Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.bottom

boxShadow?​

optional boxShadow: 
  | ResponsiveStyleValue<number | BoxShadow | undefined>
| (theme) => ResponsiveStyleValue<number | BoxShadow | undefined>;

Inherited from​

TypographyProps.boxShadow

boxSizing?​

optional boxSizing: 
  | ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined>;

Inherited from​

TypographyProps.boxSizing

children?​

optional children: ReactNode;

The content of the component.

Inherited from​

TypographyProps.children

classes?​

optional classes: Partial<TypographyClasses> & Partial<ClassNameMap<never>>;

Override or extend the styles applied to the component.

Inherited from​

TypographyProps.classes

className?​

optional className: string;

Inherited from​

TypographyProps.className

color?​

optional color: 
  | string & {
}
  | OverridableStringUnion<
  | "primary"
  | "secondary"
  | "error"
  | "info"
  | "success"
  | "warning"
  | "textPrimary"
  | "textSecondary"
| "textDisabled", TypographyPropsColorOverrides>;

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

Inherited from​

TypographyProps.color

columnGap?​

optional columnGap: 
  | ResponsiveStyleValue<ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.columnGap

component?​

optional component: ElementType<any, keyof IntrinsicElements>;

Inherited from​

TypographyProps.component

content?​

optional content: string;

Inherited from​

TypographyProps.content

contentEditable?​

optional contentEditable: "inherit" | Booleanish | "plaintext-only";

Inherited from​

TypographyProps.contentEditable

contextMenu?​

optional contextMenu: string;

Inherited from​

TypographyProps.contextMenu

dangerouslySetInnerHTML?​

optional dangerouslySetInnerHTML: {
  __html: string | TrustedHTML;
};

__html​

__html: string | TrustedHTML;

Inherited from​

TypographyProps.dangerouslySetInnerHTML

datatype?​

optional datatype: string;

Inherited from​

TypographyProps.datatype

defaultChecked?​

optional defaultChecked: boolean;

Inherited from​

TypographyProps.defaultChecked

defaultValue?​

optional defaultValue: string | number | readonly string[];

Inherited from​

TypographyProps.defaultValue

dir?​

optional dir: string;

Inherited from​

TypographyProps.dir

display?​

optional display: 
  | ResponsiveStyleValue<readonly string[] | Display | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>;

Inherited from​

TypographyProps.display

displayPrint?​

optional displayPrint: 
  | ResponsiveStyleValue<readonly string[] | Display | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | Display | undefined>;

Inherited from​

TypographyProps.displayPrint

draggable?​

optional draggable: Booleanish;

Inherited from​

TypographyProps.draggable

enterKeyHint?​

optional enterKeyHint: "search" | "next" | "done" | "enter" | "go" | "previous" | "send";

Inherited from​

TypographyProps.enterKeyHint

exportparts?​

optional exportparts: string;

See​

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts

Inherited from​

TypographyProps.exportparts

flex?​

optional flex: 
  | ResponsiveStyleValue<Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.flex

flexBasis?​

optional flexBasis: 
  | ResponsiveStyleValue<FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.flexBasis

flexDirection?​

optional flexDirection: 
  | ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined>;

Inherited from​

TypographyProps.flexDirection

flexGrow?​

optional flexGrow: 
  | ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined>;

Inherited from​

TypographyProps.flexGrow

flexShrink?​

optional flexShrink: 
  | ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined>;

Inherited from​

TypographyProps.flexShrink

flexWrap?​

optional flexWrap: 
  | ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined>;

Inherited from​

TypographyProps.flexWrap

fontFamily?​

optional fontFamily: 
  | ResponsiveStyleValue<FontFamily | readonly string[] | undefined>
| (theme) => ResponsiveStyleValue<FontFamily | readonly string[] | undefined>;

Inherited from​

TypographyProps.fontFamily

fontSize?​

optional fontSize: 
  | ResponsiveStyleValue<FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.fontSize

fontStyle?​

optional fontStyle: 
  | ResponsiveStyleValue<readonly string[] | FontStyle | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | FontStyle | undefined>;

Inherited from​

TypographyProps.fontStyle

fontWeight?​

optional fontWeight: 
  | ResponsiveStyleValue<
  | undefined
  | string
  | string & {
}
  | number & {
}>
  | (theme) => ResponsiveStyleValue<
  | undefined
  | string
  | string & {
}
  | number & {
}>;

Inherited from​

TypographyProps.fontWeight

gap?​

optional gap: 
  | ResponsiveStyleValue<Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.gap

gridArea?​

optional gridArea: 
  | ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridArea | readonly NonNullable<GridArea | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridArea

gridAutoColumns?​

optional gridAutoColumns: 
  | ResponsiveStyleValue<GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridAutoColumns

gridAutoFlow?​

optional gridAutoFlow: 
  | ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | GridAutoFlow | undefined>;

Inherited from​

TypographyProps.gridAutoFlow

gridAutoRows?​

optional gridAutoRows: 
  | ResponsiveStyleValue<GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridAutoRows

gridColumn?​

optional gridColumn: 
  | ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridColumn

gridRow?​

optional gridRow: 
  | ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridRow | readonly NonNullable<GridRow | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridRow

gridTemplateAreas?​

optional gridTemplateAreas: 
  | ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | GridTemplateAreas | undefined>;

Inherited from​

TypographyProps.gridTemplateAreas

gridTemplateColumns?​

optional gridTemplateColumns: 
  | ResponsiveStyleValue<GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridTemplateColumns

gridTemplateRows?​

optional gridTemplateRows: 
  | ResponsiveStyleValue<GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.gridTemplateRows

gutterBottom?​

optional gutterBottom: boolean;

Add bottom margin

Default​

true

Overrides​

TypographyProps.gutterBottom

height?​

optional height: 
  | ResponsiveStyleValue<Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.height

hidden?​

optional hidden: boolean;

Inherited from​

TypographyProps.hidden

id?​

optional id: string;

Inherited from​

TypographyProps.id

inert?​

optional inert: boolean;

See​

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert

Inherited from​

TypographyProps.inert

inlist?​

optional inlist: any;

Inherited from​

TypographyProps.inlist

inputMode?​

optional inputMode: 
  | "search"
  | "text"
  | "none"
  | "tel"
  | "url"
  | "email"
  | "numeric"
  | "decimal";

Hints at the type of data that might be entered by the user while editing the element or its contents

See​

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

Inherited from​

TypographyProps.inputMode

is?​

optional is: string;

Specify that a standard HTML element should behave like a defined custom built-in element

See​

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

Inherited from​

TypographyProps.is

itemID?​

optional itemID: string;

Inherited from​

TypographyProps.itemID

itemProp?​

optional itemProp: string;

Inherited from​

TypographyProps.itemProp

itemRef?​

optional itemRef: string;

Inherited from​

TypographyProps.itemRef

itemScope?​

optional itemScope: boolean;

Inherited from​

TypographyProps.itemScope

itemType?​

optional itemType: string;

Inherited from​

TypographyProps.itemType

justifyContent?​

optional justifyContent: 
  | ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | JustifyContent | undefined>;

Inherited from​

TypographyProps.justifyContent

justifyItems?​

optional justifyItems: 
  | ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | JustifyItems | undefined>;

Inherited from​

TypographyProps.justifyItems

justifySelf?​

optional justifySelf: 
  | ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | JustifySelf | undefined>;

Inherited from​

TypographyProps.justifySelf

key?​

optional key: null | Key;

Inherited from​

TypographyProps.key

lang?​

optional lang: string;

Inherited from​

TypographyProps.lang

left?​

optional left: 
  | ResponsiveStyleValue<Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.left

letterSpacing?​

optional letterSpacing: 
  | ResponsiveStyleValue<LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.letterSpacing

lineHeight?​

optional lineHeight: 
  | ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.lineHeight

m?​

optional m: 
  | ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.m

margin?​

optional margin: 
  | ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.margin

marginBlock?​

optional marginBlock: 
  | ResponsiveStyleValue<MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginBlock

marginBlockEnd?​

optional marginBlockEnd: 
  | ResponsiveStyleValue<MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginBlockEnd

marginBlockStart?​

optional marginBlockStart: 
  | ResponsiveStyleValue<MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginBlockStart

marginBottom?​

optional marginBottom: 
  | ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginBottom

marginInline?​

optional marginInline: 
  | ResponsiveStyleValue<MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginInline

marginInlineEnd?​

optional marginInlineEnd: 
  | ResponsiveStyleValue<MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginInlineEnd

marginInlineStart?​

optional marginInlineStart: 
  | ResponsiveStyleValue<MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginInlineStart

marginLeft?​

optional marginLeft: 
  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginLeft

marginRight?​

optional marginRight: 
  | ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginRight

marginTop?​

optional marginTop: 
  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginTop

marginX?​

optional marginX: 
  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginX

marginY?​

optional marginY: 
  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.marginY

maxHeight?​

optional maxHeight: 
  | ResponsiveStyleValue<MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.maxHeight

maxWidth?​

optional maxWidth: 
  | ResponsiveStyleValue<MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.maxWidth

mb?​

optional mb: 
  | ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.mb

minHeight?​

optional minHeight: 
  | ResponsiveStyleValue<MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.minHeight

minWidth?​

optional minWidth: 
  | ResponsiveStyleValue<MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.minWidth

ml?​

optional ml: 
  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.ml

mr?​

optional mr: 
  | ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.mr

mt?​

optional mt: 
  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.mt

mx?​

optional mx: 
  | ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.mx

my?​

optional my: 
  | ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.my

nonce?​

optional nonce: string;

Inherited from​

TypographyProps.nonce

noWrap?​

optional noWrap: boolean;

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).

Default​

false

Inherited from​

TypographyProps.noWrap

onAbort?​

optional onAbort: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAbort

onAbortCapture?​

optional onAbortCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAbortCapture

onAnimationEnd?​

optional onAnimationEnd: AnimationEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAnimationEnd

onAnimationEndCapture?​

optional onAnimationEndCapture: AnimationEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAnimationEndCapture

onAnimationIteration?​

optional onAnimationIteration: AnimationEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAnimationIteration

onAnimationIterationCapture?​

optional onAnimationIterationCapture: AnimationEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAnimationIterationCapture

onAnimationStart?​

optional onAnimationStart: AnimationEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAnimationStart

onAnimationStartCapture?​

optional onAnimationStartCapture: AnimationEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAnimationStartCapture

onAuxClick?​

optional onAuxClick: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAuxClick

onAuxClickCapture?​

optional onAuxClickCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onAuxClickCapture

onBeforeInput?​

optional onBeforeInput: InputEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onBeforeInput

onBeforeInputCapture?​

optional onBeforeInputCapture: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onBeforeInputCapture

onBeforeToggle?​

optional onBeforeToggle: ToggleEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onBeforeToggle

onBlur?​

optional onBlur: FocusEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onBlur

onBlurCapture?​

optional onBlurCapture: FocusEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onBlurCapture

onCanPlay?​

optional onCanPlay: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCanPlay

onCanPlayCapture?​

optional onCanPlayCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCanPlayCapture

onCanPlayThrough?​

optional onCanPlayThrough: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCanPlayThrough

onCanPlayThroughCapture?​

optional onCanPlayThroughCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCanPlayThroughCapture

onChange?​

optional onChange: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onChange

onChangeCapture?​

optional onChangeCapture: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onChangeCapture

onClick?​

optional onClick: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onClick

onClickCapture?​

optional onClickCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onClickCapture

onCompositionEnd?​

optional onCompositionEnd: CompositionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCompositionEnd

onCompositionEndCapture?​

optional onCompositionEndCapture: CompositionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCompositionEndCapture

onCompositionStart?​

optional onCompositionStart: CompositionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCompositionStart

onCompositionStartCapture?​

optional onCompositionStartCapture: CompositionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCompositionStartCapture

onCompositionUpdate?​

optional onCompositionUpdate: CompositionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCompositionUpdate

onCompositionUpdateCapture?​

optional onCompositionUpdateCapture: CompositionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCompositionUpdateCapture

onContextMenu?​

optional onContextMenu: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onContextMenu

onContextMenuCapture?​

optional onContextMenuCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onContextMenuCapture

onCopy?​

optional onCopy: ClipboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCopy

onCopyCapture?​

optional onCopyCapture: ClipboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCopyCapture

onCut?​

optional onCut: ClipboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCut

onCutCapture?​

optional onCutCapture: ClipboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onCutCapture

onDoubleClick?​

optional onDoubleClick: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDoubleClick

onDoubleClickCapture?​

optional onDoubleClickCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDoubleClickCapture

onDrag?​

optional onDrag: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDrag

onDragCapture?​

optional onDragCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragCapture

onDragEnd?​

optional onDragEnd: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragEnd

onDragEndCapture?​

optional onDragEndCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragEndCapture

onDragEnter?​

optional onDragEnter: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragEnter

onDragEnterCapture?​

optional onDragEnterCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragEnterCapture

onDragExit?​

optional onDragExit: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragExit

onDragExitCapture?​

optional onDragExitCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragExitCapture

onDragLeave?​

optional onDragLeave: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragLeave

onDragLeaveCapture?​

optional onDragLeaveCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragLeaveCapture

onDragOver?​

optional onDragOver: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragOver

onDragOverCapture?​

optional onDragOverCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragOverCapture

onDragStart?​

optional onDragStart: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragStart

onDragStartCapture?​

optional onDragStartCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDragStartCapture

onDrop?​

optional onDrop: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDrop

onDropCapture?​

optional onDropCapture: DragEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDropCapture

onDurationChange?​

optional onDurationChange: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDurationChange

onDurationChangeCapture?​

optional onDurationChangeCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onDurationChangeCapture

onEmptied?​

optional onEmptied: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onEmptied

onEmptiedCapture?​

optional onEmptiedCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onEmptiedCapture

onEncrypted?​

optional onEncrypted: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onEncrypted

onEncryptedCapture?​

optional onEncryptedCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onEncryptedCapture

onEnded?​

optional onEnded: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onEnded

onEndedCapture?​

optional onEndedCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onEndedCapture

onError?​

optional onError: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onError

onErrorCapture?​

optional onErrorCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onErrorCapture

onFocus?​

optional onFocus: FocusEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onFocus

onFocusCapture?​

optional onFocusCapture: FocusEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onFocusCapture

onGotPointerCapture?​

optional onGotPointerCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onGotPointerCapture

onGotPointerCaptureCapture?​

optional onGotPointerCaptureCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onGotPointerCaptureCapture

onInput?​

optional onInput: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onInput

onInputCapture?​

optional onInputCapture: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onInputCapture

onInvalid?​

optional onInvalid: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onInvalid

onInvalidCapture?​

optional onInvalidCapture: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onInvalidCapture

onKeyDown?​

optional onKeyDown: KeyboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onKeyDown

onKeyDownCapture?​

optional onKeyDownCapture: KeyboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onKeyDownCapture

onKeyPress?​

optional onKeyPress: KeyboardEventHandler<HTMLSpanElement>;

Deprecated​

Use onKeyUp or onKeyDown instead

Inherited from​

TypographyProps.onKeyPress

onKeyPressCapture?​

optional onKeyPressCapture: KeyboardEventHandler<HTMLSpanElement>;

Deprecated​

Use onKeyUpCapture or onKeyDownCapture instead

Inherited from​

TypographyProps.onKeyPressCapture

onKeyUp?​

optional onKeyUp: KeyboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onKeyUp

onKeyUpCapture?​

optional onKeyUpCapture: KeyboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onKeyUpCapture

onLoad?​

optional onLoad: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoad

onLoadCapture?​

optional onLoadCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadCapture

onLoadedData?​

optional onLoadedData: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadedData

onLoadedDataCapture?​

optional onLoadedDataCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadedDataCapture

onLoadedMetadata?​

optional onLoadedMetadata: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadedMetadata

onLoadedMetadataCapture?​

optional onLoadedMetadataCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadedMetadataCapture

onLoadStart?​

optional onLoadStart: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadStart

onLoadStartCapture?​

optional onLoadStartCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLoadStartCapture

onLostPointerCapture?​

optional onLostPointerCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLostPointerCapture

onLostPointerCaptureCapture?​

optional onLostPointerCaptureCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onLostPointerCaptureCapture

onMouseDown?​

optional onMouseDown: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseDown

onMouseDownCapture?​

optional onMouseDownCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseDownCapture

onMouseEnter?​

optional onMouseEnter: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseEnter

onMouseLeave?​

optional onMouseLeave: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseLeave

onMouseMove?​

optional onMouseMove: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseMove

onMouseMoveCapture?​

optional onMouseMoveCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseMoveCapture

onMouseOut?​

optional onMouseOut: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseOut

onMouseOutCapture?​

optional onMouseOutCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseOutCapture

onMouseOver?​

optional onMouseOver: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseOver

onMouseOverCapture?​

optional onMouseOverCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseOverCapture

onMouseUp?​

optional onMouseUp: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseUp

onMouseUpCapture?​

optional onMouseUpCapture: MouseEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onMouseUpCapture

onPaste?​

optional onPaste: ClipboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPaste

onPasteCapture?​

optional onPasteCapture: ClipboardEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPasteCapture

onPause?​

optional onPause: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPause

onPauseCapture?​

optional onPauseCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPauseCapture

onPlay?​

optional onPlay: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPlay

onPlayCapture?​

optional onPlayCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPlayCapture

onPlaying?​

optional onPlaying: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPlaying

onPlayingCapture?​

optional onPlayingCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPlayingCapture

onPointerCancel?​

optional onPointerCancel: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerCancel

onPointerCancelCapture?​

optional onPointerCancelCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerCancelCapture

onPointerDown?​

optional onPointerDown: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerDown

onPointerDownCapture?​

optional onPointerDownCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerDownCapture

onPointerEnter?​

optional onPointerEnter: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerEnter

onPointerLeave?​

optional onPointerLeave: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerLeave

onPointerMove?​

optional onPointerMove: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerMove

onPointerMoveCapture?​

optional onPointerMoveCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerMoveCapture

onPointerOut?​

optional onPointerOut: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerOut

onPointerOutCapture?​

optional onPointerOutCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerOutCapture

onPointerOver?​

optional onPointerOver: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerOver

onPointerOverCapture?​

optional onPointerOverCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerOverCapture

onPointerUp?​

optional onPointerUp: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerUp

onPointerUpCapture?​

optional onPointerUpCapture: PointerEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onPointerUpCapture

onProgress?​

optional onProgress: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onProgress

onProgressCapture?​

optional onProgressCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onProgressCapture

onRateChange?​

optional onRateChange: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onRateChange

onRateChangeCapture?​

optional onRateChangeCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onRateChangeCapture

onReset?​

optional onReset: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onReset

onResetCapture?​

optional onResetCapture: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onResetCapture

onScroll?​

optional onScroll: UIEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onScroll

onScrollCapture?​

optional onScrollCapture: UIEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onScrollCapture

onScrollEnd?​

optional onScrollEnd: UIEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onScrollEnd

onScrollEndCapture?​

optional onScrollEndCapture: UIEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onScrollEndCapture

onSeeked?​

optional onSeeked: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSeeked

onSeekedCapture?​

optional onSeekedCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSeekedCapture

onSeeking?​

optional onSeeking: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSeeking

onSeekingCapture?​

optional onSeekingCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSeekingCapture

onSelect?​

optional onSelect: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSelect

onSelectCapture?​

optional onSelectCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSelectCapture

onStalled?​

optional onStalled: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onStalled

onStalledCapture?​

optional onStalledCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onStalledCapture

onSubmit?​

optional onSubmit: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSubmit

onSubmitCapture?​

optional onSubmitCapture: FormEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSubmitCapture

onSuspend?​

optional onSuspend: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSuspend

onSuspendCapture?​

optional onSuspendCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onSuspendCapture

onTimeUpdate?​

optional onTimeUpdate: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTimeUpdate

onTimeUpdateCapture?​

optional onTimeUpdateCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTimeUpdateCapture

onToggle?​

optional onToggle: ToggleEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onToggle

onTouchCancel?​

optional onTouchCancel: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchCancel

onTouchCancelCapture?​

optional onTouchCancelCapture: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchCancelCapture

onTouchEnd?​

optional onTouchEnd: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchEnd

onTouchEndCapture?​

optional onTouchEndCapture: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchEndCapture

onTouchMove?​

optional onTouchMove: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchMove

onTouchMoveCapture?​

optional onTouchMoveCapture: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchMoveCapture

onTouchStart?​

optional onTouchStart: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchStart

onTouchStartCapture?​

optional onTouchStartCapture: TouchEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTouchStartCapture

onTransitionCancel?​

optional onTransitionCancel: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionCancel

onTransitionCancelCapture?​

optional onTransitionCancelCapture: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionCancelCapture

onTransitionEnd?​

optional onTransitionEnd: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionEnd

onTransitionEndCapture?​

optional onTransitionEndCapture: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionEndCapture

onTransitionRun?​

optional onTransitionRun: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionRun

onTransitionRunCapture?​

optional onTransitionRunCapture: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionRunCapture

onTransitionStart?​

optional onTransitionStart: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionStart

onTransitionStartCapture?​

optional onTransitionStartCapture: TransitionEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onTransitionStartCapture

onVolumeChange?​

optional onVolumeChange: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onVolumeChange

onVolumeChangeCapture?​

optional onVolumeChangeCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onVolumeChangeCapture

onWaiting?​

optional onWaiting: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onWaiting

onWaitingCapture?​

optional onWaitingCapture: ReactEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onWaitingCapture

onWheel?​

optional onWheel: WheelEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onWheel

onWheelCapture?​

optional onWheelCapture: WheelEventHandler<HTMLSpanElement>;

Inherited from​

TypographyProps.onWheelCapture

order?​

optional order: 
  | ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Order | readonly NonNullable<Order | undefined>[] | undefined>;

Inherited from​

TypographyProps.order

overflow?​

optional overflow: 
  | ResponsiveStyleValue<readonly string[] | Overflow | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | Overflow | undefined>;

Inherited from​

TypographyProps.overflow

p?​

optional p: 
  | ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.p

padding?​

optional padding: 
  | ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.padding

paddingBlock?​

optional paddingBlock: 
  | ResponsiveStyleValue<PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingBlock

paddingBlockEnd?​

optional paddingBlockEnd: 
  | ResponsiveStyleValue<PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingBlockEnd

paddingBlockStart?​

optional paddingBlockStart: 
  | ResponsiveStyleValue<PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingBlockStart

paddingBottom?​

optional paddingBottom: 
  | ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingBottom

paddingInline?​

optional paddingInline: 
  | ResponsiveStyleValue<PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingInline

paddingInlineEnd?​

optional paddingInlineEnd: 
  | ResponsiveStyleValue<PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingInlineEnd

paddingInlineStart?​

optional paddingInlineStart: 
  | ResponsiveStyleValue<PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingInlineStart

paddingLeft?​

optional paddingLeft: 
  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingLeft

paddingRight?​

optional paddingRight: 
  | ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingRight

paddingTop?​

optional paddingTop: 
  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingTop

paddingX?​

optional paddingX: 
  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingX

paddingY?​

optional paddingY: 
  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.paddingY

paragraph?​

optional paragraph: boolean;

If true, the element will be a paragraph element.

Default​

false

Deprecated​

Use the component prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

Inherited from​

TypographyProps.paragraph

part?​

optional part: string;

See​

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part

Inherited from​

TypographyProps.part

pb?​

optional pb: 
  | ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.pb

pl?​

optional pl: 
  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.pl

popover?​

optional popover: "" | "auto" | "manual";

Inherited from​

TypographyProps.popover

popoverTarget?​

optional popoverTarget: string;

Inherited from​

TypographyProps.popoverTarget

popoverTargetAction?​

optional popoverTargetAction: "hide" | "show" | "toggle";

Inherited from​

TypographyProps.popoverTargetAction

position?​

optional position: 
  | ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Position | readonly NonNullable<Position | undefined>[] | undefined>;

Inherited from​

TypographyProps.position

pr?​

optional pr: 
  | ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.pr

prefix?​

optional prefix: string;

Inherited from​

TypographyProps.prefix

property?​

optional property: string;

Inherited from​

TypographyProps.property

pt?​

optional pt: 
  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.pt

px?​

optional px: 
  | ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.px

py?​

optional py: 
  | ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.py

radioGroup?​

optional radioGroup: string;

Inherited from​

TypographyProps.radioGroup

ref?​

optional ref: Ref<HTMLSpanElement>;

Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref).

See​

React Docs

Inherited from​

TypographyProps.ref

rel?​

optional rel: string;

Inherited from​

TypographyProps.rel

resource?​

optional resource: string;

Inherited from​

TypographyProps.resource

results?​

optional results: number;

Inherited from​

TypographyProps.results

rev?​

optional rev: string;

Inherited from​

TypographyProps.rev
optional right: 
  | ResponsiveStyleValue<Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.right

role?​

optional role: AriaRole;

Inherited from​

TypographyProps.role

rowGap?​

optional rowGap: 
  | ResponsiveStyleValue<RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.rowGap

security?​

optional security: string;

Inherited from​

TypographyProps.security

slot?​

optional slot: string;

Inherited from​

TypographyProps.slot

spellCheck?​

optional spellCheck: Booleanish;

Inherited from​

TypographyProps.spellCheck

style?​

optional style: CSSProperties;

Inherited from​

TypographyProps.style

subtitle?​

optional subtitle: string;

Optional subtitle text

suppressContentEditableWarning?​

optional suppressContentEditableWarning: boolean;

Inherited from​

TypographyProps.suppressContentEditableWarning

suppressHydrationWarning?​

optional suppressHydrationWarning: boolean;

Inherited from​

TypographyProps.suppressHydrationWarning

sx?​

optional sx: SxProps<Theme>;

Additional MUI sx props

Overrides​

TypographyProps.sx

tabIndex?​

optional tabIndex: number;

Inherited from​

TypographyProps.tabIndex

textAlign?​

optional textAlign: 
  | ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined>;

Inherited from​

TypographyProps.textAlign

textOverflow?​

optional textOverflow: 
  | ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | TextOverflow | undefined>;

Inherited from​

TypographyProps.textOverflow

textTransform?​

optional textTransform: 
  | ResponsiveStyleValue<TextTransform | readonly NonNullable<TextTransform | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<TextTransform | readonly NonNullable<TextTransform | undefined>[] | undefined>;

Inherited from​

TypographyProps.textTransform

title​

title: string;

Main title text

Overrides​

TypographyProps.title

top?​

optional top: 
  | ResponsiveStyleValue<Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.top

translate?​

optional translate: "yes" | "no";

Inherited from​

TypographyProps.translate

typeof?​

optional typeof: string;

Inherited from​

TypographyProps.typeof

typography?​

optional typography: 
  | ResponsiveStyleValue<undefined | string>
| (theme) => ResponsiveStyleValue<undefined | string>;

Inherited from​

TypographyProps.typography

unselectable?​

optional unselectable: "off" | "on";

Inherited from​

TypographyProps.unselectable

variant?​

optional variant: OverridableStringUnion<TypographyVariant | "inherit", TypographyPropsVariantOverrides>;

Typography variant

Default​

'h3'

Overrides​

TypographyProps.variant

variantMapping?​

optional variantMapping: Partial<Record<OverridableStringUnion<TypographyVariant | "inherit", TypographyPropsVariantOverrides>, string>>;

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

Default​

{
   *   h1: 'h1',
   *   h2: 'h2',
   *   h3: 'h3',
   *   h4: 'h4',
   *   h5: 'h5',
   *   h6: 'h6',
   *   subtitle1: 'h6',
   *   subtitle2: 'h6',
   *   body1: 'p',
   *   body2: 'p',
   *   inherit: 'p',
   * }

Inherited from​

TypographyProps.variantMapping

visibility?​

optional visibility: 
  | ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Visibility | readonly NonNullable<Visibility | undefined>[] | undefined>;

Inherited from​

TypographyProps.visibility

vocab?​

optional vocab: string;

Inherited from​

TypographyProps.vocab

whiteSpace?​

optional whiteSpace: 
  | ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>
| (theme) => ResponsiveStyleValue<readonly string[] | WhiteSpace | undefined>;

Inherited from​

TypographyProps.whiteSpace

width?​

optional width: 
  | ResponsiveStyleValue<Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined>
| (theme) => ResponsiveStyleValue<Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined>;

Inherited from​

TypographyProps.width

zIndex?​

optional zIndex: 
  | ResponsiveStyleValue<
  | undefined
  | string
  | string & {
}
  | number & {
}>
  | (theme) => ResponsiveStyleValue<
  | undefined
  | string
  | string & {
}
  | number & {
}>;

Inherited from​

TypographyProps.zIndex