Function StyledChipLabel

  • StyledChipLabel(props, deprecatedLegacyContext?): ReactNode

  • Parameters

    • props: Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
          ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
      },
          | "className"
          | "style"
          | "classes"
          | "border"
          | "borderTop"
          | "borderRight"
          | "borderBottom"
          | "borderLeft"
          | "borderColor"
          | "borderRadius"
          | "display"
          | "displayPrint"
          | "overflow"
          | "textOverflow"
          | "visibility"
          | "whiteSpace"
          | "flexBasis"
          | "flexDirection"
          | "flexWrap"
          | "justifyContent"
          | "alignItems"
          | "alignContent"
          | "order"
          | "flex"
          | "flexGrow"
          | "flexShrink"
          | "alignSelf"
          | "justifyItems"
          | "justifySelf"
          | "gap"
          | "columnGap"
          | "rowGap"
          | "gridColumn"
          | "gridRow"
          | "gridAutoFlow"
          | "gridAutoColumns"
          | "gridAutoRows"
          | "gridTemplateColumns"
          | "gridTemplateRows"
          | "gridTemplateAreas"
          | "gridArea"
          | "bgcolor"
          | "color"
          | "zIndex"
          | "position"
          | "top"
          | "right"
          | "bottom"
          | "left"
          | "boxShadow"
          | "width"
          | "maxWidth"
          | "minWidth"
          | "height"
          | "maxHeight"
          | "minHeight"
          | "boxSizing"
          | "m"
          | "mt"
          | "mr"
          | "mb"
          | "ml"
          | "mx"
          | "my"
          | "p"
          | "pt"
          | "pr"
          | "pb"
          | "pl"
          | "px"
          | "py"
          | "margin"
          | "marginTop"
          | "marginRight"
          | "marginBottom"
          | "marginLeft"
          | "marginX"
          | "marginY"
          | "marginInline"
          | "marginInlineStart"
          | "marginInlineEnd"
          | "marginBlock"
          | "marginBlockStart"
          | "marginBlockEnd"
          | "padding"
          | "paddingTop"
          | "paddingRight"
          | "paddingBottom"
          | "paddingLeft"
          | "paddingX"
          | "paddingY"
          | "paddingInline"
          | "paddingInlineStart"
          | "paddingInlineEnd"
          | "paddingBlock"
          | "paddingBlockStart"
          | "paddingBlockEnd"
          | "typography"
          | "fontFamily"
          | "fontSize"
          | "fontStyle"
          | "fontWeight"
          | "letterSpacing"
          | "lineHeight"
          | "textAlign"
          | "textTransform"
          | "children"
          | "sx"
          | "align"
          | "gutterBottom"
          | "noWrap"
          | "paragraph"
          | "variant"
          | "variantMapping">,
          | "className"
          | "style"
          | "classes"
          | "border"
          | "borderTop"
          | "borderRight"
          | "borderBottom"
          | "borderLeft"
          | "borderColor"
          | "borderRadius"
          | "display"
          | "displayPrint"
          | "overflow"
          | "textOverflow"
          | "visibility"
          | "whiteSpace"
          | "flexBasis"
          | "flexDirection"
          | "flexWrap"
          | "justifyContent"
          | "alignItems"
          | "alignContent"
          | "order"
          | "flex"
          | "flexGrow"
          | "flexShrink"
          | "alignSelf"
          | "justifyItems"
          | "justifySelf"
          | "gap"
          | "columnGap"
          | "rowGap"
          | "gridColumn"
          | "gridRow"
          | "gridAutoFlow"
          | "gridAutoColumns"
          | "gridAutoRows"
          | "gridTemplateColumns"
          | "gridTemplateRows"
          | "gridTemplateAreas"
          | "gridArea"
          | "bgcolor"
          | "color"
          | "zIndex"
          | "position"
          | "top"
          | "right"
          | "bottom"
          | "left"
          | "boxShadow"
          | "width"
          | "maxWidth"
          | "minWidth"
          | "height"
          | "maxHeight"
          | "minHeight"
          | "boxSizing"
          | "m"
          | "mt"
          | "mr"
          | "mb"
          | "ml"
          | "mx"
          | "my"
          | "p"
          | "pt"
          | "pr"
          | "pb"
          | "pl"
          | "px"
          | "py"
          | "margin"
          | "marginTop"
          | "marginRight"
          | "marginBottom"
          | "marginLeft"
          | "marginX"
          | "marginY"
          | "marginInline"
          | "marginInlineStart"
          | "marginInlineEnd"
          | "marginBlock"
          | "marginBlockStart"
          | "marginBlockEnd"
          | "padding"
          | "paddingTop"
          | "paddingRight"
          | "paddingBottom"
          | "paddingLeft"
          | "paddingX"
          | "paddingY"
          | "paddingInline"
          | "paddingInlineStart"
          | "paddingInlineEnd"
          | "paddingBlock"
          | "paddingBlockStart"
          | "paddingBlockEnd"
          | "typography"
          | "fontFamily"
          | "fontSize"
          | "fontStyle"
          | "fontWeight"
          | "letterSpacing"
          | "lineHeight"
          | "textAlign"
          | "textTransform"
          | "content"
          | "translate"
          | "children"
          | "ref"
          | "sx"
          | "slot"
          | "title"
          | "key"
          | "defaultChecked"
          | "defaultValue"
          | "suppressContentEditableWarning"
          | "suppressHydrationWarning"
          | "accessKey"
          | "autoCapitalize"
          | "autoFocus"
          | "contentEditable"
          | "contextMenu"
          | "dir"
          | "draggable"
          | "enterKeyHint"
          | "hidden"
          | "id"
          | "lang"
          | "nonce"
          | "spellCheck"
          | "tabIndex"
          | "radioGroup"
          | "role"
          | "about"
          | "datatype"
          | "inlist"
          | "prefix"
          | "property"
          | "rel"
          | "resource"
          | "rev"
          | "typeof"
          | "vocab"
          | "autoCorrect"
          | "autoSave"
          | "itemProp"
          | "itemScope"
          | "itemType"
          | "itemID"
          | "itemRef"
          | "results"
          | "security"
          | "unselectable"
          | "inputMode"
          | "is"
          | "aria-activedescendant"
          | "aria-atomic"
          | "aria-autocomplete"
          | "aria-braillelabel"
          | "aria-brailleroledescription"
          | "aria-busy"
          | "aria-checked"
          | "aria-colcount"
          | "aria-colindex"
          | "aria-colindextext"
          | "aria-colspan"
          | "aria-controls"
          | "aria-current"
          | "aria-describedby"
          | "aria-description"
          | "aria-details"
          | "aria-disabled"
          | "aria-dropeffect"
          | "aria-errormessage"
          | "aria-expanded"
          | "aria-flowto"
          | "aria-grabbed"
          | "aria-haspopup"
          | "aria-hidden"
          | "aria-invalid"
          | "aria-keyshortcuts"
          | "aria-label"
          | "aria-labelledby"
          | "aria-level"
          | "aria-live"
          | "aria-modal"
          | "aria-multiline"
          | "aria-multiselectable"
          | "aria-orientation"
          | "aria-owns"
          | "aria-placeholder"
          | "aria-posinset"
          | "aria-pressed"
          | "aria-readonly"
          | "aria-relevant"
          | "aria-required"
          | "aria-roledescription"
          | "aria-rowcount"
          | "aria-rowindex"
          | "aria-rowindextext"
          | "aria-rowspan"
          | "aria-selected"
          | "aria-setsize"
          | "aria-sort"
          | "aria-valuemax"
          | "aria-valuemin"
          | "aria-valuenow"
          | "aria-valuetext"
          | "dangerouslySetInnerHTML"
          | "onCopy"
          | "onCopyCapture"
          | "onCut"
          | "onCutCapture"
          | "onPaste"
          | "onPasteCapture"
          | "onCompositionEnd"
          | "onCompositionEndCapture"
          | "onCompositionStart"
          | "onCompositionStartCapture"
          | "onCompositionUpdate"
          | "onCompositionUpdateCapture"
          | "onFocus"
          | "onFocusCapture"
          | "onBlur"
          | "onBlurCapture"
          | "onChange"
          | "onChangeCapture"
          | "onBeforeInput"
          | "onBeforeInputCapture"
          | "onInput"
          | "onInputCapture"
          | "onReset"
          | "onResetCapture"
          | "onSubmit"
          | "onSubmitCapture"
          | "onInvalid"
          | "onInvalidCapture"
          | "onLoad"
          | "onLoadCapture"
          | "onError"
          | "onErrorCapture"
          | "onKeyDown"
          | "onKeyDownCapture"
          | "onKeyPress"
          | "onKeyPressCapture"
          | "onKeyUp"
          | "onKeyUpCapture"
          | "onAbort"
          | "onAbortCapture"
          | "onCanPlay"
          | "onCanPlayCapture"
          | "onCanPlayThrough"
          | "onCanPlayThroughCapture"
          | "onDurationChange"
          | "onDurationChangeCapture"
          | "onEmptied"
          | "onEmptiedCapture"
          | "onEncrypted"
          | "onEncryptedCapture"
          | "onEnded"
          | "onEndedCapture"
          | "onLoadedData"
          | "onLoadedDataCapture"
          | "onLoadedMetadata"
          | "onLoadedMetadataCapture"
          | "onLoadStart"
          | "onLoadStartCapture"
          | "onPause"
          | "onPauseCapture"
          | "onPlay"
          | "onPlayCapture"
          | "onPlaying"
          | "onPlayingCapture"
          | "onProgress"
          | "onProgressCapture"
          | "onRateChange"
          | "onRateChangeCapture"
          | "onResize"
          | "onResizeCapture"
          | "onSeeked"
          | "onSeekedCapture"
          | "onSeeking"
          | "onSeekingCapture"
          | "onStalled"
          | "onStalledCapture"
          | "onSuspend"
          | "onSuspendCapture"
          | "onTimeUpdate"
          | "onTimeUpdateCapture"
          | "onVolumeChange"
          | "onVolumeChangeCapture"
          | "onWaiting"
          | "onWaitingCapture"
          | "onAuxClick"
          | "onAuxClickCapture"
          | "onClick"
          | "onClickCapture"
          | "onContextMenu"
          | "onContextMenuCapture"
          | "onDoubleClick"
          | "onDoubleClickCapture"
          | "onDrag"
          | "onDragCapture"
          | "onDragEnd"
          | "onDragEndCapture"
          | "onDragEnter"
          | "onDragEnterCapture"
          | "onDragExit"
          | "onDragExitCapture"
          | "onDragLeave"
          | "onDragLeaveCapture"
          | "onDragOver"
          | "onDragOverCapture"
          | "onDragStart"
          | "onDragStartCapture"
          | "onDrop"
          | "onDropCapture"
          | "onMouseDown"
          | "onMouseDownCapture"
          | "onMouseEnter"
          | "onMouseLeave"
          | "onMouseMove"
          | "onMouseMoveCapture"
          | "onMouseOut"
          | "onMouseOutCapture"
          | "onMouseOver"
          | "onMouseOverCapture"
          | "onMouseUp"
          | "onMouseUpCapture"
          | "onSelect"
          | "onSelectCapture"
          | "onTouchCancel"
          | "onTouchCancelCapture"
          | "onTouchEnd"
          | "onTouchEndCapture"
          | "onTouchMove"
          | "onTouchMoveCapture"
          | "onTouchStart"
          | "onTouchStartCapture"
          | "onPointerDown"
          | "onPointerDownCapture"
          | "onPointerMove"
          | "onPointerMoveCapture"
          | "onPointerUp"
          | "onPointerUpCapture"
          | "onPointerCancel"
          | "onPointerCancelCapture"
          | "onPointerEnter"
          | "onPointerLeave"
          | "onPointerOver"
          | "onPointerOverCapture"
          | "onPointerOut"
          | "onPointerOutCapture"
          | "onGotPointerCapture"
          | "onGotPointerCaptureCapture"
          | "onLostPointerCapture"
          | "onLostPointerCaptureCapture"
          | "onScroll"
          | "onScrollCapture"
          | "onWheel"
          | "onWheelCapture"
          | "onAnimationStart"
          | "onAnimationStartCapture"
          | "onAnimationEnd"
          | "onAnimationEndCapture"
          | "onAnimationIteration"
          | "onAnimationIterationCapture"
          | "onTransitionEnd"
          | "onTransitionEndCapture"
          | "align"
          | "gutterBottom"
          | "noWrap"
          | "paragraph"
          | "variant"
          | "variantMapping"> & MUIStyledCommonProps<Theme>
    • OptionaldeprecatedLegacyContext: any

      Deprecated

      See

      React Docs

    Returns ReactNode

Properties

__emotion_styles contextTypes? defaultProps? displayName? propTypes?

Methods

withComponent

Properties

__emotion_styles

__emotion_styles: any

OptionalcontextTypes

contextTypes?: ValidationMap<any>

Deprecated

Lets you specify which legacy context is consumed by this component.

See

Legacy React Docs

OptionaldefaultProps

defaultProps?: Partial<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    ref?: null | RefObject<HTMLSpanElement> | ((instance: (...) | (...)) => void);
},
    | "className"
    | "style"
    | "classes"
    | "border"
    | "borderTop"
    | "borderRight"
    | "borderBottom"
    | "borderLeft"
    | "borderColor"
    | "borderRadius"
    | "display"
    | "displayPrint"
    | "overflow"
    | "textOverflow"
    | "visibility"
    | "whiteSpace"
    | "flexBasis"
    | "flexDirection"
    | "flexWrap"
    | "justifyContent"
    | "alignItems"
    | "alignContent"
    | "order"
    | "flex"
    | "flexGrow"
    | "flexShrink"
    | "alignSelf"
    | "justifyItems"
    | "justifySelf"
    | "gap"
    | "columnGap"
    | "rowGap"
    | "gridColumn"
    | "gridRow"
    | "gridAutoFlow"
    | "gridAutoColumns"
    | "gridAutoRows"
    | "gridTemplateColumns"
    | "gridTemplateRows"
    | "gridTemplateAreas"
    | "gridArea"
    | "bgcolor"
    | "color"
    | "zIndex"
    | "position"
    | "top"
    | "right"
    | "bottom"
    | "left"
    | "boxShadow"
    | "width"
    | "maxWidth"
    | "minWidth"
    | "height"
    | "maxHeight"
    | "minHeight"
    | "boxSizing"
    | "m"
    | "mt"
    | "mr"
    | "mb"
    | "ml"
    | "mx"
    | "my"
    | "p"
    | "pt"
    | "pr"
    | "pb"
    | "pl"
    | "px"
    | "py"
    | "margin"
    | "marginTop"
    | "marginRight"
    | "marginBottom"
    | "marginLeft"
    | "marginX"
    | "marginY"
    | "marginInline"
    | "marginInlineStart"
    | "marginInlineEnd"
    | "marginBlock"
    | "marginBlockStart"
    | "marginBlockEnd"
    | "padding"
    | "paddingTop"
    | "paddingRight"
    | "paddingBottom"
    | "paddingLeft"
    | "paddingX"
    | "paddingY"
    | "paddingInline"
    | "paddingInlineStart"
    | "paddingInlineEnd"
    | "paddingBlock"
    | "paddingBlockStart"
    | "paddingBlockEnd"
    | "typography"
    | "fontFamily"
    | "fontSize"
    | "fontStyle"
    | "fontWeight"
    | "letterSpacing"
    | "lineHeight"
    | "textAlign"
    | "textTransform"
    | "children"
    | "sx"
    | "align"
    | "gutterBottom"
    | "noWrap"
    | "paragraph"
    | "variant"
    | "variantMapping">,
    | "className"
    | "style"
    | "classes"
    | "border"
    | "borderTop"
    | "borderRight"
    | "borderBottom"
    | "borderLeft"
    | "borderColor"
    | "borderRadius"
    | "display"
    | "displayPrint"
    | "overflow"
    | "textOverflow"
    | "visibility"
    | "whiteSpace"
    | "flexBasis"
    | "flexDirection"
    | "flexWrap"
    | "justifyContent"
    | "alignItems"
    | "alignContent"
    | "order"
    | "flex"
    | "flexGrow"
    | "flexShrink"
    | "alignSelf"
    | "justifyItems"
    | "justifySelf"
    | "gap"
    | "columnGap"
    | "rowGap"
    | "gridColumn"
    | "gridRow"
    | "gridAutoFlow"
    | "gridAutoColumns"
    | "gridAutoRows"
    | "gridTemplateColumns"
    | "gridTemplateRows"
    | "gridTemplateAreas"
    | "gridArea"
    | "bgcolor"
    | "color"
    | "zIndex"
    | "position"
    | "top"
    | "right"
    | "bottom"
    | "left"
    | "boxShadow"
    | "width"
    | "maxWidth"
    | "minWidth"
    | "height"
    | "maxHeight"
    | "minHeight"
    | "boxSizing"
    | "m"
    | "mt"
    | "mr"
    | "mb"
    | "ml"
    | "mx"
    | "my"
    | "p"
    | "pt"
    | "pr"
    | "pb"
    | "pl"
    | "px"
    | "py"
    | "margin"
    | "marginTop"
    | "marginRight"
    | "marginBottom"
    | "marginLeft"
    | "marginX"
    | "marginY"
    | "marginInline"
    | "marginInlineStart"
    | "marginInlineEnd"
    | "marginBlock"
    | "marginBlockStart"
    | "marginBlockEnd"
    | "padding"
    | "paddingTop"
    | "paddingRight"
    | "paddingBottom"
    | "paddingLeft"
    | "paddingX"
    | "paddingY"
    | "paddingInline"
    | "paddingInlineStart"
    | "paddingInlineEnd"
    | "paddingBlock"
    | "paddingBlockStart"
    | "paddingBlockEnd"
    | "typography"
    | "fontFamily"
    | "fontSize"
    | "fontStyle"
    | "fontWeight"
    | "letterSpacing"
    | "lineHeight"
    | "textAlign"
    | "textTransform"
    | "content"
    | "translate"
    | "children"
    | "ref"
    | "sx"
    | "slot"
    | "title"
    | "key"
    | "defaultChecked"
    | "defaultValue"
    | "suppressContentEditableWarning"
    | "suppressHydrationWarning"
    | "accessKey"
    | "autoCapitalize"
    | "autoFocus"
    | "contentEditable"
    | "contextMenu"
    | "dir"
    | "draggable"
    | "enterKeyHint"
    | "hidden"
    | "id"
    | "lang"
    | "nonce"
    | "spellCheck"
    | "tabIndex"
    | "radioGroup"
    | "role"
    | "about"
    | "datatype"
    | "inlist"
    | "prefix"
    | "property"
    | "rel"
    | "resource"
    | "rev"
    | "typeof"
    | "vocab"
    | "autoCorrect"
    | "autoSave"
    | "itemProp"
    | "itemScope"
    | "itemType"
    | "itemID"
    | "itemRef"
    | "results"
    | "security"
    | "unselectable"
    | "inputMode"
    | "is"
    | "aria-activedescendant"
    | "aria-atomic"
    | "aria-autocomplete"
    | "aria-braillelabel"
    | "aria-brailleroledescription"
    | "aria-busy"
    | "aria-checked"
    | "aria-colcount"
    | "aria-colindex"
    | "aria-colindextext"
    | "aria-colspan"
    | "aria-controls"
    | "aria-current"
    | "aria-describedby"
    | "aria-description"
    | "aria-details"
    | "aria-disabled"
    | "aria-dropeffect"
    | "aria-errormessage"
    | "aria-expanded"
    | "aria-flowto"
    | "aria-grabbed"
    | "aria-haspopup"
    | "aria-hidden"
    | "aria-invalid"
    | "aria-keyshortcuts"
    | "aria-label"
    | "aria-labelledby"
    | "aria-level"
    | "aria-live"
    | "aria-modal"
    | "aria-multiline"
    | "aria-multiselectable"
    | "aria-orientation"
    | "aria-owns"
    | "aria-placeholder"
    | "aria-posinset"
    | "aria-pressed"
    | "aria-readonly"
    | "aria-relevant"
    | "aria-required"
    | "aria-roledescription"
    | "aria-rowcount"
    | "aria-rowindex"
    | "aria-rowindextext"
    | "aria-rowspan"
    | "aria-selected"
    | "aria-setsize"
    | "aria-sort"
    | "aria-valuemax"
    | "aria-valuemin"
    | "aria-valuenow"
    | "aria-valuetext"
    | "dangerouslySetInnerHTML"
    | "onCopy"
    | "onCopyCapture"
    | "onCut"
    | "onCutCapture"
    | "onPaste"
    | "onPasteCapture"
    | "onCompositionEnd"
    | "onCompositionEndCapture"
    | "onCompositionStart"
    | "onCompositionStartCapture"
    | "onCompositionUpdate"
    | "onCompositionUpdateCapture"
    | "onFocus"
    | "onFocusCapture"
    | "onBlur"
    | "onBlurCapture"
    | "onChange"
    | "onChangeCapture"
    | "onBeforeInput"
    | "onBeforeInputCapture"
    | "onInput"
    | "onInputCapture"
    | "onReset"
    | "onResetCapture"
    | "onSubmit"
    | "onSubmitCapture"
    | "onInvalid"
    | "onInvalidCapture"
    | "onLoad"
    | "onLoadCapture"
    | "onError"
    | "onErrorCapture"
    | "onKeyDown"
    | "onKeyDownCapture"
    | "onKeyPress"
    | "onKeyPressCapture"
    | "onKeyUp"
    | "onKeyUpCapture"
    | "onAbort"
    | "onAbortCapture"
    | "onCanPlay"
    | "onCanPlayCapture"
    | "onCanPlayThrough"
    | "onCanPlayThroughCapture"
    | "onDurationChange"
    | "onDurationChangeCapture"
    | "onEmptied"
    | "onEmptiedCapture"
    | "onEncrypted"
    | "onEncryptedCapture"
    | "onEnded"
    | "onEndedCapture"
    | "onLoadedData"
    | "onLoadedDataCapture"
    | "onLoadedMetadata"
    | "onLoadedMetadataCapture"
    | "onLoadStart"
    | "onLoadStartCapture"
    | "onPause"
    | "onPauseCapture"
    | "onPlay"
    | "onPlayCapture"
    | "onPlaying"
    | "onPlayingCapture"
    | "onProgress"
    | "onProgressCapture"
    | "onRateChange"
    | "onRateChangeCapture"
    | "onResize"
    | "onResizeCapture"
    | "onSeeked"
    | "onSeekedCapture"
    | "onSeeking"
    | "onSeekingCapture"
    | "onStalled"
    | "onStalledCapture"
    | "onSuspend"
    | "onSuspendCapture"
    | "onTimeUpdate"
    | "onTimeUpdateCapture"
    | "onVolumeChange"
    | "onVolumeChangeCapture"
    | "onWaiting"
    | "onWaitingCapture"
    | "onAuxClick"
    | "onAuxClickCapture"
    | "onClick"
    | "onClickCapture"
    | "onContextMenu"
    | "onContextMenuCapture"
    | "onDoubleClick"
    | "onDoubleClickCapture"
    | "onDrag"
    | "onDragCapture"
    | "onDragEnd"
    | "onDragEndCapture"
    | "onDragEnter"
    | "onDragEnterCapture"
    | "onDragExit"
    | "onDragExitCapture"
    | "onDragLeave"
    | "onDragLeaveCapture"
    | "onDragOver"
    | "onDragOverCapture"
    | "onDragStart"
    | "onDragStartCapture"
    | "onDrop"
    | "onDropCapture"
    | "onMouseDown"
    | "onMouseDownCapture"
    | "onMouseEnter"
    | "onMouseLeave"
    | "onMouseMove"
    | "onMouseMoveCapture"
    | "onMouseOut"
    | "onMouseOutCapture"
    | "onMouseOver"
    | "onMouseOverCapture"
    | "onMouseUp"
    | "onMouseUpCapture"
    | "onSelect"
    | "onSelectCapture"
    | "onTouchCancel"
    | "onTouchCancelCapture"
    | "onTouchEnd"
    | "onTouchEndCapture"
    | "onTouchMove"
    | "onTouchMoveCapture"
    | "onTouchStart"
    | "onTouchStartCapture"
    | "onPointerDown"
    | "onPointerDownCapture"
    | "onPointerMove"
    | "onPointerMoveCapture"
    | "onPointerUp"
    | "onPointerUpCapture"
    | "onPointerCancel"
    | "onPointerCancelCapture"
    | "onPointerEnter"
    | "onPointerLeave"
    | "onPointerOver"
    | "onPointerOverCapture"
    | "onPointerOut"
    | "onPointerOutCapture"
    | "onGotPointerCapture"
    | "onGotPointerCaptureCapture"
    | "onLostPointerCapture"
    | "onLostPointerCaptureCapture"
    | "onScroll"
    | "onScrollCapture"
    | "onWheel"
    | "onWheelCapture"
    | "onAnimationStart"
    | "onAnimationStartCapture"
    | "onAnimationEnd"
    | "onAnimationEndCapture"
    | "onAnimationIteration"
    | "onAnimationIterationCapture"
    | "onTransitionEnd"
    | "onTransitionEndCapture"
    | "align"
    | "gutterBottom"
    | "noWrap"
    | "paragraph"
    | "variant"
    | "variantMapping"> & MUIStyledCommonProps<Theme>>

Used to define default values for the props accepted by the component.

See

React Docs

Example

type Props = { name?: string }

const MyComponent: FC<Props> = (props) => {
  return <div>{props.name}</div>
}

MyComponent.defaultProps = {
  name: 'John Doe'
}

Deprecated

Use values for destructuring assignments instead.

OptionaldisplayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

Example


const MyComponent: FC = () => {
  return <div>Hello!</div>
}

MyComponent.displayName = 'MyAwesomeComponent'

OptionalpropTypes

propTypes?: WeakValidationMap<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    ref?: null | RefObject<HTMLSpanElement> | ((instance: (...) | (...)) => void);
},
    | "className"
    | "style"
    | "classes"
    | "border"
    | "borderTop"
    | "borderRight"
    | "borderBottom"
    | "borderLeft"
    | "borderColor"
    | "borderRadius"
    | "display"
    | "displayPrint"
    | "overflow"
    | "textOverflow"
    | "visibility"
    | "whiteSpace"
    | "flexBasis"
    | "flexDirection"
    | "flexWrap"
    | "justifyContent"
    | "alignItems"
    | "alignContent"
    | "order"
    | "flex"
    | "flexGrow"
    | "flexShrink"
    | "alignSelf"
    | "justifyItems"
    | "justifySelf"
    | "gap"
    | "columnGap"
    | "rowGap"
    | "gridColumn"
    | "gridRow"
    | "gridAutoFlow"
    | "gridAutoColumns"
    | "gridAutoRows"
    | "gridTemplateColumns"
    | "gridTemplateRows"
    | "gridTemplateAreas"
    | "gridArea"
    | "bgcolor"
    | "color"
    | "zIndex"
    | "position"
    | "top"
    | "right"
    | "bottom"
    | "left"
    | "boxShadow"
    | "width"
    | "maxWidth"
    | "minWidth"
    | "height"
    | "maxHeight"
    | "minHeight"
    | "boxSizing"
    | "m"
    | "mt"
    | "mr"
    | "mb"
    | "ml"
    | "mx"
    | "my"
    | "p"
    | "pt"
    | "pr"
    | "pb"
    | "pl"
    | "px"
    | "py"
    | "margin"
    | "marginTop"
    | "marginRight"
    | "marginBottom"
    | "marginLeft"
    | "marginX"
    | "marginY"
    | "marginInline"
    | "marginInlineStart"
    | "marginInlineEnd"
    | "marginBlock"
    | "marginBlockStart"
    | "marginBlockEnd"
    | "padding"
    | "paddingTop"
    | "paddingRight"
    | "paddingBottom"
    | "paddingLeft"
    | "paddingX"
    | "paddingY"
    | "paddingInline"
    | "paddingInlineStart"
    | "paddingInlineEnd"
    | "paddingBlock"
    | "paddingBlockStart"
    | "paddingBlockEnd"
    | "typography"
    | "fontFamily"
    | "fontSize"
    | "fontStyle"
    | "fontWeight"
    | "letterSpacing"
    | "lineHeight"
    | "textAlign"
    | "textTransform"
    | "children"
    | "sx"
    | "align"
    | "gutterBottom"
    | "noWrap"
    | "paragraph"
    | "variant"
    | "variantMapping">,
    | "className"
    | "style"
    | "classes"
    | "border"
    | "borderTop"
    | "borderRight"
    | "borderBottom"
    | "borderLeft"
    | "borderColor"
    | "borderRadius"
    | "display"
    | "displayPrint"
    | "overflow"
    | "textOverflow"
    | "visibility"
    | "whiteSpace"
    | "flexBasis"
    | "flexDirection"
    | "flexWrap"
    | "justifyContent"
    | "alignItems"
    | "alignContent"
    | "order"
    | "flex"
    | "flexGrow"
    | "flexShrink"
    | "alignSelf"
    | "justifyItems"
    | "justifySelf"
    | "gap"
    | "columnGap"
    | "rowGap"
    | "gridColumn"
    | "gridRow"
    | "gridAutoFlow"
    | "gridAutoColumns"
    | "gridAutoRows"
    | "gridTemplateColumns"
    | "gridTemplateRows"
    | "gridTemplateAreas"
    | "gridArea"
    | "bgcolor"
    | "color"
    | "zIndex"
    | "position"
    | "top"
    | "right"
    | "bottom"
    | "left"
    | "boxShadow"
    | "width"
    | "maxWidth"
    | "minWidth"
    | "height"
    | "maxHeight"
    | "minHeight"
    | "boxSizing"
    | "m"
    | "mt"
    | "mr"
    | "mb"
    | "ml"
    | "mx"
    | "my"
    | "p"
    | "pt"
    | "pr"
    | "pb"
    | "pl"
    | "px"
    | "py"
    | "margin"
    | "marginTop"
    | "marginRight"
    | "marginBottom"
    | "marginLeft"
    | "marginX"
    | "marginY"
    | "marginInline"
    | "marginInlineStart"
    | "marginInlineEnd"
    | "marginBlock"
    | "marginBlockStart"
    | "marginBlockEnd"
    | "padding"
    | "paddingTop"
    | "paddingRight"
    | "paddingBottom"
    | "paddingLeft"
    | "paddingX"
    | "paddingY"
    | "paddingInline"
    | "paddingInlineStart"
    | "paddingInlineEnd"
    | "paddingBlock"
    | "paddingBlockStart"
    | "paddingBlockEnd"
    | "typography"
    | "fontFamily"
    | "fontSize"
    | "fontStyle"
    | "fontWeight"
    | "letterSpacing"
    | "lineHeight"
    | "textAlign"
    | "textTransform"
    | "content"
    | "translate"
    | "children"
    | "ref"
    | "sx"
    | "slot"
    | "title"
    | "key"
    | "defaultChecked"
    | "defaultValue"
    | "suppressContentEditableWarning"
    | "suppressHydrationWarning"
    | "accessKey"
    | "autoCapitalize"
    | "autoFocus"
    | "contentEditable"
    | "contextMenu"
    | "dir"
    | "draggable"
    | "enterKeyHint"
    | "hidden"
    | "id"
    | "lang"
    | "nonce"
    | "spellCheck"
    | "tabIndex"
    | "radioGroup"
    | "role"
    | "about"
    | "datatype"
    | "inlist"
    | "prefix"
    | "property"
    | "rel"
    | "resource"
    | "rev"
    | "typeof"
    | "vocab"
    | "autoCorrect"
    | "autoSave"
    | "itemProp"
    | "itemScope"
    | "itemType"
    | "itemID"
    | "itemRef"
    | "results"
    | "security"
    | "unselectable"
    | "inputMode"
    | "is"
    | "aria-activedescendant"
    | "aria-atomic"
    | "aria-autocomplete"
    | "aria-braillelabel"
    | "aria-brailleroledescription"
    | "aria-busy"
    | "aria-checked"
    | "aria-colcount"
    | "aria-colindex"
    | "aria-colindextext"
    | "aria-colspan"
    | "aria-controls"
    | "aria-current"
    | "aria-describedby"
    | "aria-description"
    | "aria-details"
    | "aria-disabled"
    | "aria-dropeffect"
    | "aria-errormessage"
    | "aria-expanded"
    | "aria-flowto"
    | "aria-grabbed"
    | "aria-haspopup"
    | "aria-hidden"
    | "aria-invalid"
    | "aria-keyshortcuts"
    | "aria-label"
    | "aria-labelledby"
    | "aria-level"
    | "aria-live"
    | "aria-modal"
    | "aria-multiline"
    | "aria-multiselectable"
    | "aria-orientation"
    | "aria-owns"
    | "aria-placeholder"
    | "aria-posinset"
    | "aria-pressed"
    | "aria-readonly"
    | "aria-relevant"
    | "aria-required"
    | "aria-roledescription"
    | "aria-rowcount"
    | "aria-rowindex"
    | "aria-rowindextext"
    | "aria-rowspan"
    | "aria-selected"
    | "aria-setsize"
    | "aria-sort"
    | "aria-valuemax"
    | "aria-valuemin"
    | "aria-valuenow"
    | "aria-valuetext"
    | "dangerouslySetInnerHTML"
    | "onCopy"
    | "onCopyCapture"
    | "onCut"
    | "onCutCapture"
    | "onPaste"
    | "onPasteCapture"
    | "onCompositionEnd"
    | "onCompositionEndCapture"
    | "onCompositionStart"
    | "onCompositionStartCapture"
    | "onCompositionUpdate"
    | "onCompositionUpdateCapture"
    | "onFocus"
    | "onFocusCapture"
    | "onBlur"
    | "onBlurCapture"
    | "onChange"
    | "onChangeCapture"
    | "onBeforeInput"
    | "onBeforeInputCapture"
    | "onInput"
    | "onInputCapture"
    | "onReset"
    | "onResetCapture"
    | "onSubmit"
    | "onSubmitCapture"
    | "onInvalid"
    | "onInvalidCapture"
    | "onLoad"
    | "onLoadCapture"
    | "onError"
    | "onErrorCapture"
    | "onKeyDown"
    | "onKeyDownCapture"
    | "onKeyPress"
    | "onKeyPressCapture"
    | "onKeyUp"
    | "onKeyUpCapture"
    | "onAbort"
    | "onAbortCapture"
    | "onCanPlay"
    | "onCanPlayCapture"
    | "onCanPlayThrough"
    | "onCanPlayThroughCapture"
    | "onDurationChange"
    | "onDurationChangeCapture"
    | "onEmptied"
    | "onEmptiedCapture"
    | "onEncrypted"
    | "onEncryptedCapture"
    | "onEnded"
    | "onEndedCapture"
    | "onLoadedData"
    | "onLoadedDataCapture"
    | "onLoadedMetadata"
    | "onLoadedMetadataCapture"
    | "onLoadStart"
    | "onLoadStartCapture"
    | "onPause"
    | "onPauseCapture"
    | "onPlay"
    | "onPlayCapture"
    | "onPlaying"
    | "onPlayingCapture"
    | "onProgress"
    | "onProgressCapture"
    | "onRateChange"
    | "onRateChangeCapture"
    | "onResize"
    | "onResizeCapture"
    | "onSeeked"
    | "onSeekedCapture"
    | "onSeeking"
    | "onSeekingCapture"
    | "onStalled"
    | "onStalledCapture"
    | "onSuspend"
    | "onSuspendCapture"
    | "onTimeUpdate"
    | "onTimeUpdateCapture"
    | "onVolumeChange"
    | "onVolumeChangeCapture"
    | "onWaiting"
    | "onWaitingCapture"
    | "onAuxClick"
    | "onAuxClickCapture"
    | "onClick"
    | "onClickCapture"
    | "onContextMenu"
    | "onContextMenuCapture"
    | "onDoubleClick"
    | "onDoubleClickCapture"
    | "onDrag"
    | "onDragCapture"
    | "onDragEnd"
    | "onDragEndCapture"
    | "onDragEnter"
    | "onDragEnterCapture"
    | "onDragExit"
    | "onDragExitCapture"
    | "onDragLeave"
    | "onDragLeaveCapture"
    | "onDragOver"
    | "onDragOverCapture"
    | "onDragStart"
    | "onDragStartCapture"
    | "onDrop"
    | "onDropCapture"
    | "onMouseDown"
    | "onMouseDownCapture"
    | "onMouseEnter"
    | "onMouseLeave"
    | "onMouseMove"
    | "onMouseMoveCapture"
    | "onMouseOut"
    | "onMouseOutCapture"
    | "onMouseOver"
    | "onMouseOverCapture"
    | "onMouseUp"
    | "onMouseUpCapture"
    | "onSelect"
    | "onSelectCapture"
    | "onTouchCancel"
    | "onTouchCancelCapture"
    | "onTouchEnd"
    | "onTouchEndCapture"
    | "onTouchMove"
    | "onTouchMoveCapture"
    | "onTouchStart"
    | "onTouchStartCapture"
    | "onPointerDown"
    | "onPointerDownCapture"
    | "onPointerMove"
    | "onPointerMoveCapture"
    | "onPointerUp"
    | "onPointerUpCapture"
    | "onPointerCancel"
    | "onPointerCancelCapture"
    | "onPointerEnter"
    | "onPointerLeave"
    | "onPointerOver"
    | "onPointerOverCapture"
    | "onPointerOut"
    | "onPointerOutCapture"
    | "onGotPointerCapture"
    | "onGotPointerCaptureCapture"
    | "onLostPointerCapture"
    | "onLostPointerCaptureCapture"
    | "onScroll"
    | "onScrollCapture"
    | "onWheel"
    | "onWheelCapture"
    | "onAnimationStart"
    | "onAnimationStartCapture"
    | "onAnimationEnd"
    | "onAnimationEndCapture"
    | "onAnimationIteration"
    | "onAnimationIterationCapture"
    | "onTransitionEnd"
    | "onTransitionEndCapture"
    | "align"
    | "gutterBottom"
    | "noWrap"
    | "paragraph"
    | "variant"
    | "variantMapping"> & MUIStyledCommonProps<Theme>>

Used to declare the types of the props accepted by the component. These types will be checked during rendering and in development only.

We recommend using TypeScript instead of checking prop types at runtime.

See

React Docs

Methods

withComponent

  • withComponent<C>(component): StyledComponent<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
    },
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "children"
        | "sx"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping">,
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "content"
        | "translate"
        | "children"
        | "ref"
        | "sx"
        | "slot"
        | "title"
        | "key"
        | "defaultChecked"
        | "defaultValue"
        | "suppressContentEditableWarning"
        | "suppressHydrationWarning"
        | "accessKey"
        | "autoCapitalize"
        | "autoFocus"
        | "contentEditable"
        | "contextMenu"
        | "dir"
        | "draggable"
        | "enterKeyHint"
        | "hidden"
        | "id"
        | "lang"
        | "nonce"
        | "spellCheck"
        | "tabIndex"
        | "radioGroup"
        | "role"
        | "about"
        | "datatype"
        | "inlist"
        | "prefix"
        | "property"
        | "rel"
        | "resource"
        | "rev"
        | "typeof"
        | "vocab"
        | "autoCorrect"
        | "autoSave"
        | "itemProp"
        | "itemScope"
        | "itemType"
        | "itemID"
        | "itemRef"
        | "results"
        | "security"
        | "unselectable"
        | "inputMode"
        | "is"
        | "aria-activedescendant"
        | "aria-atomic"
        | "aria-autocomplete"
        | "aria-braillelabel"
        | "aria-brailleroledescription"
        | "aria-busy"
        | "aria-checked"
        | "aria-colcount"
        | "aria-colindex"
        | "aria-colindextext"
        | "aria-colspan"
        | "aria-controls"
        | "aria-current"
        | "aria-describedby"
        | "aria-description"
        | "aria-details"
        | "aria-disabled"
        | "aria-dropeffect"
        | "aria-errormessage"
        | "aria-expanded"
        | "aria-flowto"
        | "aria-grabbed"
        | "aria-haspopup"
        | "aria-hidden"
        | "aria-invalid"
        | "aria-keyshortcuts"
        | "aria-label"
        | "aria-labelledby"
        | "aria-level"
        | "aria-live"
        | "aria-modal"
        | "aria-multiline"
        | "aria-multiselectable"
        | "aria-orientation"
        | "aria-owns"
        | "aria-placeholder"
        | "aria-posinset"
        | "aria-pressed"
        | "aria-readonly"
        | "aria-relevant"
        | "aria-required"
        | "aria-roledescription"
        | "aria-rowcount"
        | "aria-rowindex"
        | "aria-rowindextext"
        | "aria-rowspan"
        | "aria-selected"
        | "aria-setsize"
        | "aria-sort"
        | "aria-valuemax"
        | "aria-valuemin"
        | "aria-valuenow"
        | "aria-valuetext"
        | "dangerouslySetInnerHTML"
        | "onCopy"
        | "onCopyCapture"
        | "onCut"
        | "onCutCapture"
        | "onPaste"
        | "onPasteCapture"
        | "onCompositionEnd"
        | "onCompositionEndCapture"
        | "onCompositionStart"
        | "onCompositionStartCapture"
        | "onCompositionUpdate"
        | "onCompositionUpdateCapture"
        | "onFocus"
        | "onFocusCapture"
        | "onBlur"
        | "onBlurCapture"
        | "onChange"
        | "onChangeCapture"
        | "onBeforeInput"
        | "onBeforeInputCapture"
        | "onInput"
        | "onInputCapture"
        | "onReset"
        | "onResetCapture"
        | "onSubmit"
        | "onSubmitCapture"
        | "onInvalid"
        | "onInvalidCapture"
        | "onLoad"
        | "onLoadCapture"
        | "onError"
        | "onErrorCapture"
        | "onKeyDown"
        | "onKeyDownCapture"
        | "onKeyPress"
        | "onKeyPressCapture"
        | "onKeyUp"
        | "onKeyUpCapture"
        | "onAbort"
        | "onAbortCapture"
        | "onCanPlay"
        | "onCanPlayCapture"
        | "onCanPlayThrough"
        | "onCanPlayThroughCapture"
        | "onDurationChange"
        | "onDurationChangeCapture"
        | "onEmptied"
        | "onEmptiedCapture"
        | "onEncrypted"
        | "onEncryptedCapture"
        | "onEnded"
        | "onEndedCapture"
        | "onLoadedData"
        | "onLoadedDataCapture"
        | "onLoadedMetadata"
        | "onLoadedMetadataCapture"
        | "onLoadStart"
        | "onLoadStartCapture"
        | "onPause"
        | "onPauseCapture"
        | "onPlay"
        | "onPlayCapture"
        | "onPlaying"
        | "onPlayingCapture"
        | "onProgress"
        | "onProgressCapture"
        | "onRateChange"
        | "onRateChangeCapture"
        | "onResize"
        | "onResizeCapture"
        | "onSeeked"
        | "onSeekedCapture"
        | "onSeeking"
        | "onSeekingCapture"
        | "onStalled"
        | "onStalledCapture"
        | "onSuspend"
        | "onSuspendCapture"
        | "onTimeUpdate"
        | "onTimeUpdateCapture"
        | "onVolumeChange"
        | "onVolumeChangeCapture"
        | "onWaiting"
        | "onWaitingCapture"
        | "onAuxClick"
        | "onAuxClickCapture"
        | "onClick"
        | "onClickCapture"
        | "onContextMenu"
        | "onContextMenuCapture"
        | "onDoubleClick"
        | "onDoubleClickCapture"
        | "onDrag"
        | "onDragCapture"
        | "onDragEnd"
        | "onDragEndCapture"
        | "onDragEnter"
        | "onDragEnterCapture"
        | "onDragExit"
        | "onDragExitCapture"
        | "onDragLeave"
        | "onDragLeaveCapture"
        | "onDragOver"
        | "onDragOverCapture"
        | "onDragStart"
        | "onDragStartCapture"
        | "onDrop"
        | "onDropCapture"
        | "onMouseDown"
        | "onMouseDownCapture"
        | "onMouseEnter"
        | "onMouseLeave"
        | "onMouseMove"
        | "onMouseMoveCapture"
        | "onMouseOut"
        | "onMouseOutCapture"
        | "onMouseOver"
        | "onMouseOverCapture"
        | "onMouseUp"
        | "onMouseUpCapture"
        | "onSelect"
        | "onSelectCapture"
        | "onTouchCancel"
        | "onTouchCancelCapture"
        | "onTouchEnd"
        | "onTouchEndCapture"
        | "onTouchMove"
        | "onTouchMoveCapture"
        | "onTouchStart"
        | "onTouchStartCapture"
        | "onPointerDown"
        | "onPointerDownCapture"
        | "onPointerMove"
        | "onPointerMoveCapture"
        | "onPointerUp"
        | "onPointerUpCapture"
        | "onPointerCancel"
        | "onPointerCancelCapture"
        | "onPointerEnter"
        | "onPointerLeave"
        | "onPointerOver"
        | "onPointerOverCapture"
        | "onPointerOut"
        | "onPointerOutCapture"
        | "onGotPointerCapture"
        | "onGotPointerCaptureCapture"
        | "onLostPointerCapture"
        | "onLostPointerCaptureCapture"
        | "onScroll"
        | "onScrollCapture"
        | "onWheel"
        | "onWheelCapture"
        | "onAnimationStart"
        | "onAnimationStartCapture"
        | "onAnimationEnd"
        | "onAnimationEndCapture"
        | "onAnimationIteration"
        | "onAnimationIterationCapture"
        | "onTransitionEnd"
        | "onTransitionEndCapture"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping"> & MUIStyledCommonProps<Theme> & LibraryManagedAttributes<C, ComponentProps<C>>, {}, {
        ref?: Ref<InstanceType<C>>;
    }>

  • Type Parameters

    • C extends ComponentClass<ComponentProps<C>, any>

    Parameters

    • component: C

    Returns StyledComponent<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
    },
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "children"
        | "sx"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping">,
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "content"
        | "translate"
        | "children"
        | "ref"
        | "sx"
        | "slot"
        | "title"
        | "key"
        | "defaultChecked"
        | "defaultValue"
        | "suppressContentEditableWarning"
        | "suppressHydrationWarning"
        | "accessKey"
        | "autoCapitalize"
        | "autoFocus"
        | "contentEditable"
        | "contextMenu"
        | "dir"
        | "draggable"
        | "enterKeyHint"
        | "hidden"
        | "id"
        | "lang"
        | "nonce"
        | "spellCheck"
        | "tabIndex"
        | "radioGroup"
        | "role"
        | "about"
        | "datatype"
        | "inlist"
        | "prefix"
        | "property"
        | "rel"
        | "resource"
        | "rev"
        | "typeof"
        | "vocab"
        | "autoCorrect"
        | "autoSave"
        | "itemProp"
        | "itemScope"
        | "itemType"
        | "itemID"
        | "itemRef"
        | "results"
        | "security"
        | "unselectable"
        | "inputMode"
        | "is"
        | "aria-activedescendant"
        | "aria-atomic"
        | "aria-autocomplete"
        | "aria-braillelabel"
        | "aria-brailleroledescription"
        | "aria-busy"
        | "aria-checked"
        | "aria-colcount"
        | "aria-colindex"
        | "aria-colindextext"
        | "aria-colspan"
        | "aria-controls"
        | "aria-current"
        | "aria-describedby"
        | "aria-description"
        | "aria-details"
        | "aria-disabled"
        | "aria-dropeffect"
        | "aria-errormessage"
        | "aria-expanded"
        | "aria-flowto"
        | "aria-grabbed"
        | "aria-haspopup"
        | "aria-hidden"
        | "aria-invalid"
        | "aria-keyshortcuts"
        | "aria-label"
        | "aria-labelledby"
        | "aria-level"
        | "aria-live"
        | "aria-modal"
        | "aria-multiline"
        | "aria-multiselectable"
        | "aria-orientation"
        | "aria-owns"
        | "aria-placeholder"
        | "aria-posinset"
        | "aria-pressed"
        | "aria-readonly"
        | "aria-relevant"
        | "aria-required"
        | "aria-roledescription"
        | "aria-rowcount"
        | "aria-rowindex"
        | "aria-rowindextext"
        | "aria-rowspan"
        | "aria-selected"
        | "aria-setsize"
        | "aria-sort"
        | "aria-valuemax"
        | "aria-valuemin"
        | "aria-valuenow"
        | "aria-valuetext"
        | "dangerouslySetInnerHTML"
        | "onCopy"
        | "onCopyCapture"
        | "onCut"
        | "onCutCapture"
        | "onPaste"
        | "onPasteCapture"
        | "onCompositionEnd"
        | "onCompositionEndCapture"
        | "onCompositionStart"
        | "onCompositionStartCapture"
        | "onCompositionUpdate"
        | "onCompositionUpdateCapture"
        | "onFocus"
        | "onFocusCapture"
        | "onBlur"
        | "onBlurCapture"
        | "onChange"
        | "onChangeCapture"
        | "onBeforeInput"
        | "onBeforeInputCapture"
        | "onInput"
        | "onInputCapture"
        | "onReset"
        | "onResetCapture"
        | "onSubmit"
        | "onSubmitCapture"
        | "onInvalid"
        | "onInvalidCapture"
        | "onLoad"
        | "onLoadCapture"
        | "onError"
        | "onErrorCapture"
        | "onKeyDown"
        | "onKeyDownCapture"
        | "onKeyPress"
        | "onKeyPressCapture"
        | "onKeyUp"
        | "onKeyUpCapture"
        | "onAbort"
        | "onAbortCapture"
        | "onCanPlay"
        | "onCanPlayCapture"
        | "onCanPlayThrough"
        | "onCanPlayThroughCapture"
        | "onDurationChange"
        | "onDurationChangeCapture"
        | "onEmptied"
        | "onEmptiedCapture"
        | "onEncrypted"
        | "onEncryptedCapture"
        | "onEnded"
        | "onEndedCapture"
        | "onLoadedData"
        | "onLoadedDataCapture"
        | "onLoadedMetadata"
        | "onLoadedMetadataCapture"
        | "onLoadStart"
        | "onLoadStartCapture"
        | "onPause"
        | "onPauseCapture"
        | "onPlay"
        | "onPlayCapture"
        | "onPlaying"
        | "onPlayingCapture"
        | "onProgress"
        | "onProgressCapture"
        | "onRateChange"
        | "onRateChangeCapture"
        | "onResize"
        | "onResizeCapture"
        | "onSeeked"
        | "onSeekedCapture"
        | "onSeeking"
        | "onSeekingCapture"
        | "onStalled"
        | "onStalledCapture"
        | "onSuspend"
        | "onSuspendCapture"
        | "onTimeUpdate"
        | "onTimeUpdateCapture"
        | "onVolumeChange"
        | "onVolumeChangeCapture"
        | "onWaiting"
        | "onWaitingCapture"
        | "onAuxClick"
        | "onAuxClickCapture"
        | "onClick"
        | "onClickCapture"
        | "onContextMenu"
        | "onContextMenuCapture"
        | "onDoubleClick"
        | "onDoubleClickCapture"
        | "onDrag"
        | "onDragCapture"
        | "onDragEnd"
        | "onDragEndCapture"
        | "onDragEnter"
        | "onDragEnterCapture"
        | "onDragExit"
        | "onDragExitCapture"
        | "onDragLeave"
        | "onDragLeaveCapture"
        | "onDragOver"
        | "onDragOverCapture"
        | "onDragStart"
        | "onDragStartCapture"
        | "onDrop"
        | "onDropCapture"
        | "onMouseDown"
        | "onMouseDownCapture"
        | "onMouseEnter"
        | "onMouseLeave"
        | "onMouseMove"
        | "onMouseMoveCapture"
        | "onMouseOut"
        | "onMouseOutCapture"
        | "onMouseOver"
        | "onMouseOverCapture"
        | "onMouseUp"
        | "onMouseUpCapture"
        | "onSelect"
        | "onSelectCapture"
        | "onTouchCancel"
        | "onTouchCancelCapture"
        | "onTouchEnd"
        | "onTouchEndCapture"
        | "onTouchMove"
        | "onTouchMoveCapture"
        | "onTouchStart"
        | "onTouchStartCapture"
        | "onPointerDown"
        | "onPointerDownCapture"
        | "onPointerMove"
        | "onPointerMoveCapture"
        | "onPointerUp"
        | "onPointerUpCapture"
        | "onPointerCancel"
        | "onPointerCancelCapture"
        | "onPointerEnter"
        | "onPointerLeave"
        | "onPointerOver"
        | "onPointerOverCapture"
        | "onPointerOut"
        | "onPointerOutCapture"
        | "onGotPointerCapture"
        | "onGotPointerCaptureCapture"
        | "onLostPointerCapture"
        | "onLostPointerCaptureCapture"
        | "onScroll"
        | "onScrollCapture"
        | "onWheel"
        | "onWheelCapture"
        | "onAnimationStart"
        | "onAnimationStartCapture"
        | "onAnimationEnd"
        | "onAnimationEndCapture"
        | "onAnimationIteration"
        | "onAnimationIterationCapture"
        | "onTransitionEnd"
        | "onTransitionEndCapture"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping"> & MUIStyledCommonProps<Theme> & LibraryManagedAttributes<C, ComponentProps<C>>, {}, {
        ref?: Ref<InstanceType<C>>;
    }>

  • withComponent<C>(component): StyledComponent<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
    },
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "children"
        | "sx"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping">,
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "content"
        | "translate"
        | "children"
        | "ref"
        | "sx"
        | "slot"
        | "title"
        | "key"
        | "defaultChecked"
        | "defaultValue"
        | "suppressContentEditableWarning"
        | "suppressHydrationWarning"
        | "accessKey"
        | "autoCapitalize"
        | "autoFocus"
        | "contentEditable"
        | "contextMenu"
        | "dir"
        | "draggable"
        | "enterKeyHint"
        | "hidden"
        | "id"
        | "lang"
        | "nonce"
        | "spellCheck"
        | "tabIndex"
        | "radioGroup"
        | "role"
        | "about"
        | "datatype"
        | "inlist"
        | "prefix"
        | "property"
        | "rel"
        | "resource"
        | "rev"
        | "typeof"
        | "vocab"
        | "autoCorrect"
        | "autoSave"
        | "itemProp"
        | "itemScope"
        | "itemType"
        | "itemID"
        | "itemRef"
        | "results"
        | "security"
        | "unselectable"
        | "inputMode"
        | "is"
        | "aria-activedescendant"
        | "aria-atomic"
        | "aria-autocomplete"
        | "aria-braillelabel"
        | "aria-brailleroledescription"
        | "aria-busy"
        | "aria-checked"
        | "aria-colcount"
        | "aria-colindex"
        | "aria-colindextext"
        | "aria-colspan"
        | "aria-controls"
        | "aria-current"
        | "aria-describedby"
        | "aria-description"
        | "aria-details"
        | "aria-disabled"
        | "aria-dropeffect"
        | "aria-errormessage"
        | "aria-expanded"
        | "aria-flowto"
        | "aria-grabbed"
        | "aria-haspopup"
        | "aria-hidden"
        | "aria-invalid"
        | "aria-keyshortcuts"
        | "aria-label"
        | "aria-labelledby"
        | "aria-level"
        | "aria-live"
        | "aria-modal"
        | "aria-multiline"
        | "aria-multiselectable"
        | "aria-orientation"
        | "aria-owns"
        | "aria-placeholder"
        | "aria-posinset"
        | "aria-pressed"
        | "aria-readonly"
        | "aria-relevant"
        | "aria-required"
        | "aria-roledescription"
        | "aria-rowcount"
        | "aria-rowindex"
        | "aria-rowindextext"
        | "aria-rowspan"
        | "aria-selected"
        | "aria-setsize"
        | "aria-sort"
        | "aria-valuemax"
        | "aria-valuemin"
        | "aria-valuenow"
        | "aria-valuetext"
        | "dangerouslySetInnerHTML"
        | "onCopy"
        | "onCopyCapture"
        | "onCut"
        | "onCutCapture"
        | "onPaste"
        | "onPasteCapture"
        | "onCompositionEnd"
        | "onCompositionEndCapture"
        | "onCompositionStart"
        | "onCompositionStartCapture"
        | "onCompositionUpdate"
        | "onCompositionUpdateCapture"
        | "onFocus"
        | "onFocusCapture"
        | "onBlur"
        | "onBlurCapture"
        | "onChange"
        | "onChangeCapture"
        | "onBeforeInput"
        | "onBeforeInputCapture"
        | "onInput"
        | "onInputCapture"
        | "onReset"
        | "onResetCapture"
        | "onSubmit"
        | "onSubmitCapture"
        | "onInvalid"
        | "onInvalidCapture"
        | "onLoad"
        | "onLoadCapture"
        | "onError"
        | "onErrorCapture"
        | "onKeyDown"
        | "onKeyDownCapture"
        | "onKeyPress"
        | "onKeyPressCapture"
        | "onKeyUp"
        | "onKeyUpCapture"
        | "onAbort"
        | "onAbortCapture"
        | "onCanPlay"
        | "onCanPlayCapture"
        | "onCanPlayThrough"
        | "onCanPlayThroughCapture"
        | "onDurationChange"
        | "onDurationChangeCapture"
        | "onEmptied"
        | "onEmptiedCapture"
        | "onEncrypted"
        | "onEncryptedCapture"
        | "onEnded"
        | "onEndedCapture"
        | "onLoadedData"
        | "onLoadedDataCapture"
        | "onLoadedMetadata"
        | "onLoadedMetadataCapture"
        | "onLoadStart"
        | "onLoadStartCapture"
        | "onPause"
        | "onPauseCapture"
        | "onPlay"
        | "onPlayCapture"
        | "onPlaying"
        | "onPlayingCapture"
        | "onProgress"
        | "onProgressCapture"
        | "onRateChange"
        | "onRateChangeCapture"
        | "onResize"
        | "onResizeCapture"
        | "onSeeked"
        | "onSeekedCapture"
        | "onSeeking"
        | "onSeekingCapture"
        | "onStalled"
        | "onStalledCapture"
        | "onSuspend"
        | "onSuspendCapture"
        | "onTimeUpdate"
        | "onTimeUpdateCapture"
        | "onVolumeChange"
        | "onVolumeChangeCapture"
        | "onWaiting"
        | "onWaitingCapture"
        | "onAuxClick"
        | "onAuxClickCapture"
        | "onClick"
        | "onClickCapture"
        | "onContextMenu"
        | "onContextMenuCapture"
        | "onDoubleClick"
        | "onDoubleClickCapture"
        | "onDrag"
        | "onDragCapture"
        | "onDragEnd"
        | "onDragEndCapture"
        | "onDragEnter"
        | "onDragEnterCapture"
        | "onDragExit"
        | "onDragExitCapture"
        | "onDragLeave"
        | "onDragLeaveCapture"
        | "onDragOver"
        | "onDragOverCapture"
        | "onDragStart"
        | "onDragStartCapture"
        | "onDrop"
        | "onDropCapture"
        | "onMouseDown"
        | "onMouseDownCapture"
        | "onMouseEnter"
        | "onMouseLeave"
        | "onMouseMove"
        | "onMouseMoveCapture"
        | "onMouseOut"
        | "onMouseOutCapture"
        | "onMouseOver"
        | "onMouseOverCapture"
        | "onMouseUp"
        | "onMouseUpCapture"
        | "onSelect"
        | "onSelectCapture"
        | "onTouchCancel"
        | "onTouchCancelCapture"
        | "onTouchEnd"
        | "onTouchEndCapture"
        | "onTouchMove"
        | "onTouchMoveCapture"
        | "onTouchStart"
        | "onTouchStartCapture"
        | "onPointerDown"
        | "onPointerDownCapture"
        | "onPointerMove"
        | "onPointerMoveCapture"
        | "onPointerUp"
        | "onPointerUpCapture"
        | "onPointerCancel"
        | "onPointerCancelCapture"
        | "onPointerEnter"
        | "onPointerLeave"
        | "onPointerOver"
        | "onPointerOverCapture"
        | "onPointerOut"
        | "onPointerOutCapture"
        | "onGotPointerCapture"
        | "onGotPointerCaptureCapture"
        | "onLostPointerCapture"
        | "onLostPointerCaptureCapture"
        | "onScroll"
        | "onScrollCapture"
        | "onWheel"
        | "onWheelCapture"
        | "onAnimationStart"
        | "onAnimationStartCapture"
        | "onAnimationEnd"
        | "onAnimationEndCapture"
        | "onAnimationIteration"
        | "onAnimationIterationCapture"
        | "onTransitionEnd"
        | "onTransitionEndCapture"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping"> & MUIStyledCommonProps<Theme> & LibraryManagedAttributes<C, ComponentProps<C>>, {}, {}>

  • Type Parameters

    • C extends ComponentType<ComponentProps<C>>

    Parameters

    • component: C

    Returns StyledComponent<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
    },
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "children"
        | "sx"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping">,
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "content"
        | "translate"
        | "children"
        | "ref"
        | "sx"
        | "slot"
        | "title"
        | "key"
        | "defaultChecked"
        | "defaultValue"
        | "suppressContentEditableWarning"
        | "suppressHydrationWarning"
        | "accessKey"
        | "autoCapitalize"
        | "autoFocus"
        | "contentEditable"
        | "contextMenu"
        | "dir"
        | "draggable"
        | "enterKeyHint"
        | "hidden"
        | "id"
        | "lang"
        | "nonce"
        | "spellCheck"
        | "tabIndex"
        | "radioGroup"
        | "role"
        | "about"
        | "datatype"
        | "inlist"
        | "prefix"
        | "property"
        | "rel"
        | "resource"
        | "rev"
        | "typeof"
        | "vocab"
        | "autoCorrect"
        | "autoSave"
        | "itemProp"
        | "itemScope"
        | "itemType"
        | "itemID"
        | "itemRef"
        | "results"
        | "security"
        | "unselectable"
        | "inputMode"
        | "is"
        | "aria-activedescendant"
        | "aria-atomic"
        | "aria-autocomplete"
        | "aria-braillelabel"
        | "aria-brailleroledescription"
        | "aria-busy"
        | "aria-checked"
        | "aria-colcount"
        | "aria-colindex"
        | "aria-colindextext"
        | "aria-colspan"
        | "aria-controls"
        | "aria-current"
        | "aria-describedby"
        | "aria-description"
        | "aria-details"
        | "aria-disabled"
        | "aria-dropeffect"
        | "aria-errormessage"
        | "aria-expanded"
        | "aria-flowto"
        | "aria-grabbed"
        | "aria-haspopup"
        | "aria-hidden"
        | "aria-invalid"
        | "aria-keyshortcuts"
        | "aria-label"
        | "aria-labelledby"
        | "aria-level"
        | "aria-live"
        | "aria-modal"
        | "aria-multiline"
        | "aria-multiselectable"
        | "aria-orientation"
        | "aria-owns"
        | "aria-placeholder"
        | "aria-posinset"
        | "aria-pressed"
        | "aria-readonly"
        | "aria-relevant"
        | "aria-required"
        | "aria-roledescription"
        | "aria-rowcount"
        | "aria-rowindex"
        | "aria-rowindextext"
        | "aria-rowspan"
        | "aria-selected"
        | "aria-setsize"
        | "aria-sort"
        | "aria-valuemax"
        | "aria-valuemin"
        | "aria-valuenow"
        | "aria-valuetext"
        | "dangerouslySetInnerHTML"
        | "onCopy"
        | "onCopyCapture"
        | "onCut"
        | "onCutCapture"
        | "onPaste"
        | "onPasteCapture"
        | "onCompositionEnd"
        | "onCompositionEndCapture"
        | "onCompositionStart"
        | "onCompositionStartCapture"
        | "onCompositionUpdate"
        | "onCompositionUpdateCapture"
        | "onFocus"
        | "onFocusCapture"
        | "onBlur"
        | "onBlurCapture"
        | "onChange"
        | "onChangeCapture"
        | "onBeforeInput"
        | "onBeforeInputCapture"
        | "onInput"
        | "onInputCapture"
        | "onReset"
        | "onResetCapture"
        | "onSubmit"
        | "onSubmitCapture"
        | "onInvalid"
        | "onInvalidCapture"
        | "onLoad"
        | "onLoadCapture"
        | "onError"
        | "onErrorCapture"
        | "onKeyDown"
        | "onKeyDownCapture"
        | "onKeyPress"
        | "onKeyPressCapture"
        | "onKeyUp"
        | "onKeyUpCapture"
        | "onAbort"
        | "onAbortCapture"
        | "onCanPlay"
        | "onCanPlayCapture"
        | "onCanPlayThrough"
        | "onCanPlayThroughCapture"
        | "onDurationChange"
        | "onDurationChangeCapture"
        | "onEmptied"
        | "onEmptiedCapture"
        | "onEncrypted"
        | "onEncryptedCapture"
        | "onEnded"
        | "onEndedCapture"
        | "onLoadedData"
        | "onLoadedDataCapture"
        | "onLoadedMetadata"
        | "onLoadedMetadataCapture"
        | "onLoadStart"
        | "onLoadStartCapture"
        | "onPause"
        | "onPauseCapture"
        | "onPlay"
        | "onPlayCapture"
        | "onPlaying"
        | "onPlayingCapture"
        | "onProgress"
        | "onProgressCapture"
        | "onRateChange"
        | "onRateChangeCapture"
        | "onResize"
        | "onResizeCapture"
        | "onSeeked"
        | "onSeekedCapture"
        | "onSeeking"
        | "onSeekingCapture"
        | "onStalled"
        | "onStalledCapture"
        | "onSuspend"
        | "onSuspendCapture"
        | "onTimeUpdate"
        | "onTimeUpdateCapture"
        | "onVolumeChange"
        | "onVolumeChangeCapture"
        | "onWaiting"
        | "onWaitingCapture"
        | "onAuxClick"
        | "onAuxClickCapture"
        | "onClick"
        | "onClickCapture"
        | "onContextMenu"
        | "onContextMenuCapture"
        | "onDoubleClick"
        | "onDoubleClickCapture"
        | "onDrag"
        | "onDragCapture"
        | "onDragEnd"
        | "onDragEndCapture"
        | "onDragEnter"
        | "onDragEnterCapture"
        | "onDragExit"
        | "onDragExitCapture"
        | "onDragLeave"
        | "onDragLeaveCapture"
        | "onDragOver"
        | "onDragOverCapture"
        | "onDragStart"
        | "onDragStartCapture"
        | "onDrop"
        | "onDropCapture"
        | "onMouseDown"
        | "onMouseDownCapture"
        | "onMouseEnter"
        | "onMouseLeave"
        | "onMouseMove"
        | "onMouseMoveCapture"
        | "onMouseOut"
        | "onMouseOutCapture"
        | "onMouseOver"
        | "onMouseOverCapture"
        | "onMouseUp"
        | "onMouseUpCapture"
        | "onSelect"
        | "onSelectCapture"
        | "onTouchCancel"
        | "onTouchCancelCapture"
        | "onTouchEnd"
        | "onTouchEndCapture"
        | "onTouchMove"
        | "onTouchMoveCapture"
        | "onTouchStart"
        | "onTouchStartCapture"
        | "onPointerDown"
        | "onPointerDownCapture"
        | "onPointerMove"
        | "onPointerMoveCapture"
        | "onPointerUp"
        | "onPointerUpCapture"
        | "onPointerCancel"
        | "onPointerCancelCapture"
        | "onPointerEnter"
        | "onPointerLeave"
        | "onPointerOver"
        | "onPointerOverCapture"
        | "onPointerOut"
        | "onPointerOutCapture"
        | "onGotPointerCapture"
        | "onGotPointerCaptureCapture"
        | "onLostPointerCapture"
        | "onLostPointerCaptureCapture"
        | "onScroll"
        | "onScrollCapture"
        | "onWheel"
        | "onWheelCapture"
        | "onAnimationStart"
        | "onAnimationStartCapture"
        | "onAnimationEnd"
        | "onAnimationEndCapture"
        | "onAnimationIteration"
        | "onAnimationIterationCapture"
        | "onTransitionEnd"
        | "onTransitionEndCapture"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping"> & MUIStyledCommonProps<Theme> & LibraryManagedAttributes<C, ComponentProps<C>>, {}, {}>

  • withComponent<Tag>(tag): StyledComponent<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
    },
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "children"
        | "sx"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping">,
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "content"
        | "translate"
        | "children"
        | "ref"
        | "sx"
        | "slot"
        | "title"
        | "key"
        | "defaultChecked"
        | "defaultValue"
        | "suppressContentEditableWarning"
        | "suppressHydrationWarning"
        | "accessKey"
        | "autoCapitalize"
        | "autoFocus"
        | "contentEditable"
        | "contextMenu"
        | "dir"
        | "draggable"
        | "enterKeyHint"
        | "hidden"
        | "id"
        | "lang"
        | "nonce"
        | "spellCheck"
        | "tabIndex"
        | "radioGroup"
        | "role"
        | "about"
        | "datatype"
        | "inlist"
        | "prefix"
        | "property"
        | "rel"
        | "resource"
        | "rev"
        | "typeof"
        | "vocab"
        | "autoCorrect"
        | "autoSave"
        | "itemProp"
        | "itemScope"
        | "itemType"
        | "itemID"
        | "itemRef"
        | "results"
        | "security"
        | "unselectable"
        | "inputMode"
        | "is"
        | "aria-activedescendant"
        | "aria-atomic"
        | "aria-autocomplete"
        | "aria-braillelabel"
        | "aria-brailleroledescription"
        | "aria-busy"
        | "aria-checked"
        | "aria-colcount"
        | "aria-colindex"
        | "aria-colindextext"
        | "aria-colspan"
        | "aria-controls"
        | "aria-current"
        | "aria-describedby"
        | "aria-description"
        | "aria-details"
        | "aria-disabled"
        | "aria-dropeffect"
        | "aria-errormessage"
        | "aria-expanded"
        | "aria-flowto"
        | "aria-grabbed"
        | "aria-haspopup"
        | "aria-hidden"
        | "aria-invalid"
        | "aria-keyshortcuts"
        | "aria-label"
        | "aria-labelledby"
        | "aria-level"
        | "aria-live"
        | "aria-modal"
        | "aria-multiline"
        | "aria-multiselectable"
        | "aria-orientation"
        | "aria-owns"
        | "aria-placeholder"
        | "aria-posinset"
        | "aria-pressed"
        | "aria-readonly"
        | "aria-relevant"
        | "aria-required"
        | "aria-roledescription"
        | "aria-rowcount"
        | "aria-rowindex"
        | "aria-rowindextext"
        | "aria-rowspan"
        | "aria-selected"
        | "aria-setsize"
        | "aria-sort"
        | "aria-valuemax"
        | "aria-valuemin"
        | "aria-valuenow"
        | "aria-valuetext"
        | "dangerouslySetInnerHTML"
        | "onCopy"
        | "onCopyCapture"
        | "onCut"
        | "onCutCapture"
        | "onPaste"
        | "onPasteCapture"
        | "onCompositionEnd"
        | "onCompositionEndCapture"
        | "onCompositionStart"
        | "onCompositionStartCapture"
        | "onCompositionUpdate"
        | "onCompositionUpdateCapture"
        | "onFocus"
        | "onFocusCapture"
        | "onBlur"
        | "onBlurCapture"
        | "onChange"
        | "onChangeCapture"
        | "onBeforeInput"
        | "onBeforeInputCapture"
        | "onInput"
        | "onInputCapture"
        | "onReset"
        | "onResetCapture"
        | "onSubmit"
        | "onSubmitCapture"
        | "onInvalid"
        | "onInvalidCapture"
        | "onLoad"
        | "onLoadCapture"
        | "onError"
        | "onErrorCapture"
        | "onKeyDown"
        | "onKeyDownCapture"
        | "onKeyPress"
        | "onKeyPressCapture"
        | "onKeyUp"
        | "onKeyUpCapture"
        | "onAbort"
        | "onAbortCapture"
        | "onCanPlay"
        | "onCanPlayCapture"
        | "onCanPlayThrough"
        | "onCanPlayThroughCapture"
        | "onDurationChange"
        | "onDurationChangeCapture"
        | "onEmptied"
        | "onEmptiedCapture"
        | "onEncrypted"
        | "onEncryptedCapture"
        | "onEnded"
        | "onEndedCapture"
        | "onLoadedData"
        | "onLoadedDataCapture"
        | "onLoadedMetadata"
        | "onLoadedMetadataCapture"
        | "onLoadStart"
        | "onLoadStartCapture"
        | "onPause"
        | "onPauseCapture"
        | "onPlay"
        | "onPlayCapture"
        | "onPlaying"
        | "onPlayingCapture"
        | "onProgress"
        | "onProgressCapture"
        | "onRateChange"
        | "onRateChangeCapture"
        | "onResize"
        | "onResizeCapture"
        | "onSeeked"
        | "onSeekedCapture"
        | "onSeeking"
        | "onSeekingCapture"
        | "onStalled"
        | "onStalledCapture"
        | "onSuspend"
        | "onSuspendCapture"
        | "onTimeUpdate"
        | "onTimeUpdateCapture"
        | "onVolumeChange"
        | "onVolumeChangeCapture"
        | "onWaiting"
        | "onWaitingCapture"
        | "onAuxClick"
        | "onAuxClickCapture"
        | "onClick"
        | "onClickCapture"
        | "onContextMenu"
        | "onContextMenuCapture"
        | "onDoubleClick"
        | "onDoubleClickCapture"
        | "onDrag"
        | "onDragCapture"
        | "onDragEnd"
        | "onDragEndCapture"
        | "onDragEnter"
        | "onDragEnterCapture"
        | "onDragExit"
        | "onDragExitCapture"
        | "onDragLeave"
        | "onDragLeaveCapture"
        | "onDragOver"
        | "onDragOverCapture"
        | "onDragStart"
        | "onDragStartCapture"
        | "onDrop"
        | "onDropCapture"
        | "onMouseDown"
        | "onMouseDownCapture"
        | "onMouseEnter"
        | "onMouseLeave"
        | "onMouseMove"
        | "onMouseMoveCapture"
        | "onMouseOut"
        | "onMouseOutCapture"
        | "onMouseOver"
        | "onMouseOverCapture"
        | "onMouseUp"
        | "onMouseUpCapture"
        | "onSelect"
        | "onSelectCapture"
        | "onTouchCancel"
        | "onTouchCancelCapture"
        | "onTouchEnd"
        | "onTouchEndCapture"
        | "onTouchMove"
        | "onTouchMoveCapture"
        | "onTouchStart"
        | "onTouchStartCapture"
        | "onPointerDown"
        | "onPointerDownCapture"
        | "onPointerMove"
        | "onPointerMoveCapture"
        | "onPointerUp"
        | "onPointerUpCapture"
        | "onPointerCancel"
        | "onPointerCancelCapture"
        | "onPointerEnter"
        | "onPointerLeave"
        | "onPointerOver"
        | "onPointerOverCapture"
        | "onPointerOut"
        | "onPointerOutCapture"
        | "onGotPointerCapture"
        | "onGotPointerCaptureCapture"
        | "onLostPointerCapture"
        | "onLostPointerCaptureCapture"
        | "onScroll"
        | "onScrollCapture"
        | "onWheel"
        | "onWheelCapture"
        | "onAnimationStart"
        | "onAnimationStartCapture"
        | "onAnimationEnd"
        | "onAnimationEndCapture"
        | "onAnimationIteration"
        | "onAnimationIterationCapture"
        | "onTransitionEnd"
        | "onTransitionEndCapture"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping"> & MUIStyledCommonProps<Theme>, IntrinsicElements[Tag], {}>

  • Type Parameters

    • Tag extends keyof IntrinsicElements

    Parameters

    Returns StyledComponent<Pick<TypographyOwnProps & CommonProps & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: null | RefObject<HTMLSpanElement> | ((instance: null | HTMLSpanElement) => void);
    },
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "children"
        | "sx"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping">,
        | "className"
        | "style"
        | "classes"
        | "border"
        | "borderTop"
        | "borderRight"
        | "borderBottom"
        | "borderLeft"
        | "borderColor"
        | "borderRadius"
        | "display"
        | "displayPrint"
        | "overflow"
        | "textOverflow"
        | "visibility"
        | "whiteSpace"
        | "flexBasis"
        | "flexDirection"
        | "flexWrap"
        | "justifyContent"
        | "alignItems"
        | "alignContent"
        | "order"
        | "flex"
        | "flexGrow"
        | "flexShrink"
        | "alignSelf"
        | "justifyItems"
        | "justifySelf"
        | "gap"
        | "columnGap"
        | "rowGap"
        | "gridColumn"
        | "gridRow"
        | "gridAutoFlow"
        | "gridAutoColumns"
        | "gridAutoRows"
        | "gridTemplateColumns"
        | "gridTemplateRows"
        | "gridTemplateAreas"
        | "gridArea"
        | "bgcolor"
        | "color"
        | "zIndex"
        | "position"
        | "top"
        | "right"
        | "bottom"
        | "left"
        | "boxShadow"
        | "width"
        | "maxWidth"
        | "minWidth"
        | "height"
        | "maxHeight"
        | "minHeight"
        | "boxSizing"
        | "m"
        | "mt"
        | "mr"
        | "mb"
        | "ml"
        | "mx"
        | "my"
        | "p"
        | "pt"
        | "pr"
        | "pb"
        | "pl"
        | "px"
        | "py"
        | "margin"
        | "marginTop"
        | "marginRight"
        | "marginBottom"
        | "marginLeft"
        | "marginX"
        | "marginY"
        | "marginInline"
        | "marginInlineStart"
        | "marginInlineEnd"
        | "marginBlock"
        | "marginBlockStart"
        | "marginBlockEnd"
        | "padding"
        | "paddingTop"
        | "paddingRight"
        | "paddingBottom"
        | "paddingLeft"
        | "paddingX"
        | "paddingY"
        | "paddingInline"
        | "paddingInlineStart"
        | "paddingInlineEnd"
        | "paddingBlock"
        | "paddingBlockStart"
        | "paddingBlockEnd"
        | "typography"
        | "fontFamily"
        | "fontSize"
        | "fontStyle"
        | "fontWeight"
        | "letterSpacing"
        | "lineHeight"
        | "textAlign"
        | "textTransform"
        | "content"
        | "translate"
        | "children"
        | "ref"
        | "sx"
        | "slot"
        | "title"
        | "key"
        | "defaultChecked"
        | "defaultValue"
        | "suppressContentEditableWarning"
        | "suppressHydrationWarning"
        | "accessKey"
        | "autoCapitalize"
        | "autoFocus"
        | "contentEditable"
        | "contextMenu"
        | "dir"
        | "draggable"
        | "enterKeyHint"
        | "hidden"
        | "id"
        | "lang"
        | "nonce"
        | "spellCheck"
        | "tabIndex"
        | "radioGroup"
        | "role"
        | "about"
        | "datatype"
        | "inlist"
        | "prefix"
        | "property"
        | "rel"
        | "resource"
        | "rev"
        | "typeof"
        | "vocab"
        | "autoCorrect"
        | "autoSave"
        | "itemProp"
        | "itemScope"
        | "itemType"
        | "itemID"
        | "itemRef"
        | "results"
        | "security"
        | "unselectable"
        | "inputMode"
        | "is"
        | "aria-activedescendant"
        | "aria-atomic"
        | "aria-autocomplete"
        | "aria-braillelabel"
        | "aria-brailleroledescription"
        | "aria-busy"
        | "aria-checked"
        | "aria-colcount"
        | "aria-colindex"
        | "aria-colindextext"
        | "aria-colspan"
        | "aria-controls"
        | "aria-current"
        | "aria-describedby"
        | "aria-description"
        | "aria-details"
        | "aria-disabled"
        | "aria-dropeffect"
        | "aria-errormessage"
        | "aria-expanded"
        | "aria-flowto"
        | "aria-grabbed"
        | "aria-haspopup"
        | "aria-hidden"
        | "aria-invalid"
        | "aria-keyshortcuts"
        | "aria-label"
        | "aria-labelledby"
        | "aria-level"
        | "aria-live"
        | "aria-modal"
        | "aria-multiline"
        | "aria-multiselectable"
        | "aria-orientation"
        | "aria-owns"
        | "aria-placeholder"
        | "aria-posinset"
        | "aria-pressed"
        | "aria-readonly"
        | "aria-relevant"
        | "aria-required"
        | "aria-roledescription"
        | "aria-rowcount"
        | "aria-rowindex"
        | "aria-rowindextext"
        | "aria-rowspan"
        | "aria-selected"
        | "aria-setsize"
        | "aria-sort"
        | "aria-valuemax"
        | "aria-valuemin"
        | "aria-valuenow"
        | "aria-valuetext"
        | "dangerouslySetInnerHTML"
        | "onCopy"
        | "onCopyCapture"
        | "onCut"
        | "onCutCapture"
        | "onPaste"
        | "onPasteCapture"
        | "onCompositionEnd"
        | "onCompositionEndCapture"
        | "onCompositionStart"
        | "onCompositionStartCapture"
        | "onCompositionUpdate"
        | "onCompositionUpdateCapture"
        | "onFocus"
        | "onFocusCapture"
        | "onBlur"
        | "onBlurCapture"
        | "onChange"
        | "onChangeCapture"
        | "onBeforeInput"
        | "onBeforeInputCapture"
        | "onInput"
        | "onInputCapture"
        | "onReset"
        | "onResetCapture"
        | "onSubmit"
        | "onSubmitCapture"
        | "onInvalid"
        | "onInvalidCapture"
        | "onLoad"
        | "onLoadCapture"
        | "onError"
        | "onErrorCapture"
        | "onKeyDown"
        | "onKeyDownCapture"
        | "onKeyPress"
        | "onKeyPressCapture"
        | "onKeyUp"
        | "onKeyUpCapture"
        | "onAbort"
        | "onAbortCapture"
        | "onCanPlay"
        | "onCanPlayCapture"
        | "onCanPlayThrough"
        | "onCanPlayThroughCapture"
        | "onDurationChange"
        | "onDurationChangeCapture"
        | "onEmptied"
        | "onEmptiedCapture"
        | "onEncrypted"
        | "onEncryptedCapture"
        | "onEnded"
        | "onEndedCapture"
        | "onLoadedData"
        | "onLoadedDataCapture"
        | "onLoadedMetadata"
        | "onLoadedMetadataCapture"
        | "onLoadStart"
        | "onLoadStartCapture"
        | "onPause"
        | "onPauseCapture"
        | "onPlay"
        | "onPlayCapture"
        | "onPlaying"
        | "onPlayingCapture"
        | "onProgress"
        | "onProgressCapture"
        | "onRateChange"
        | "onRateChangeCapture"
        | "onResize"
        | "onResizeCapture"
        | "onSeeked"
        | "onSeekedCapture"
        | "onSeeking"
        | "onSeekingCapture"
        | "onStalled"
        | "onStalledCapture"
        | "onSuspend"
        | "onSuspendCapture"
        | "onTimeUpdate"
        | "onTimeUpdateCapture"
        | "onVolumeChange"
        | "onVolumeChangeCapture"
        | "onWaiting"
        | "onWaitingCapture"
        | "onAuxClick"
        | "onAuxClickCapture"
        | "onClick"
        | "onClickCapture"
        | "onContextMenu"
        | "onContextMenuCapture"
        | "onDoubleClick"
        | "onDoubleClickCapture"
        | "onDrag"
        | "onDragCapture"
        | "onDragEnd"
        | "onDragEndCapture"
        | "onDragEnter"
        | "onDragEnterCapture"
        | "onDragExit"
        | "onDragExitCapture"
        | "onDragLeave"
        | "onDragLeaveCapture"
        | "onDragOver"
        | "onDragOverCapture"
        | "onDragStart"
        | "onDragStartCapture"
        | "onDrop"
        | "onDropCapture"
        | "onMouseDown"
        | "onMouseDownCapture"
        | "onMouseEnter"
        | "onMouseLeave"
        | "onMouseMove"
        | "onMouseMoveCapture"
        | "onMouseOut"
        | "onMouseOutCapture"
        | "onMouseOver"
        | "onMouseOverCapture"
        | "onMouseUp"
        | "onMouseUpCapture"
        | "onSelect"
        | "onSelectCapture"
        | "onTouchCancel"
        | "onTouchCancelCapture"
        | "onTouchEnd"
        | "onTouchEndCapture"
        | "onTouchMove"
        | "onTouchMoveCapture"
        | "onTouchStart"
        | "onTouchStartCapture"
        | "onPointerDown"
        | "onPointerDownCapture"
        | "onPointerMove"
        | "onPointerMoveCapture"
        | "onPointerUp"
        | "onPointerUpCapture"
        | "onPointerCancel"
        | "onPointerCancelCapture"
        | "onPointerEnter"
        | "onPointerLeave"
        | "onPointerOver"
        | "onPointerOverCapture"
        | "onPointerOut"
        | "onPointerOutCapture"
        | "onGotPointerCapture"
        | "onGotPointerCaptureCapture"
        | "onLostPointerCapture"
        | "onLostPointerCaptureCapture"
        | "onScroll"
        | "onScrollCapture"
        | "onWheel"
        | "onWheelCapture"
        | "onAnimationStart"
        | "onAnimationStartCapture"
        | "onAnimationEnd"
        | "onAnimationEndCapture"
        | "onAnimationIteration"
        | "onAnimationIterationCapture"
        | "onTransitionEnd"
        | "onTransitionEndCapture"
        | "align"
        | "gutterBottom"
        | "noWrap"
        | "paragraph"
        | "variant"
        | "variantMapping"> & MUIStyledCommonProps<Theme>, IntrinsicElements[Tag], {}>

Settings

Member Visibility

On This Page

Properties
Methods