Interface: MuiBreadcrumbsProps

Props for the MuiBreadcrumbs component.

Extends

• BreadcrumbsProps

Properties

about?

optional about: string

Inherited from

BreadcrumbsProps.about

---

accessKey?

optional accessKey: string

Inherited from

BreadcrumbsProps.accessKey

---

aria-activedescendant?

optional aria-activedescendant: string

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

Inherited from

BreadcrumbsProps.aria-activedescendant

---

aria-atomic?

optional aria-atomic: Booleanish

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

Inherited from

BreadcrumbsProps.aria-atomic

---

aria-autocomplete?

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

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

Inherited from

BreadcrumbsProps.aria-autocomplete

---

aria-braillelabel?

optional aria-braillelabel: string

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

See

aria-label.

Inherited from

BreadcrumbsProps.aria-braillelabel

---

aria-brailleroledescription?

optional aria-brailleroledescription: string

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

See

aria-roledescription.

Inherited from

BreadcrumbsProps.aria-brailleroledescription

---

aria-busy?

optional aria-busy: Booleanish

Inherited from

BreadcrumbsProps.aria-busy

---

aria-checked?

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

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

See

• aria-pressed
• aria-selected.

Inherited from

BreadcrumbsProps.aria-checked

---

aria-colcount?

optional aria-colcount: number

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

See

aria-colindex.

Inherited from

BreadcrumbsProps.aria-colcount

---

aria-colindex?

optional aria-colindex: number

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

See

• aria-colcount
• aria-colspan.

Inherited from

BreadcrumbsProps.aria-colindex

---

aria-colindextext?

optional aria-colindextext: string

Defines a human readable text alternative of aria-colindex.

See

aria-rowindextext.

Inherited from

BreadcrumbsProps.aria-colindextext

---

aria-colspan?

optional aria-colspan: number

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

See

• aria-colindex
• aria-rowspan.

Inherited from

BreadcrumbsProps.aria-colspan

---

aria-controls?

optional aria-controls: string

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

See

aria-owns.

Inherited from

BreadcrumbsProps.aria-controls

---

aria-current?

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

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

Inherited from

BreadcrumbsProps.aria-current

---

aria-describedby?

optional aria-describedby: string

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

See

aria-labelledby

Inherited from

BreadcrumbsProps.aria-describedby

---

aria-description?

optional aria-description: string

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

See

related aria-describedby.

Inherited from

BreadcrumbsProps.aria-description

---

aria-details?

optional aria-details: string

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

See

aria-describedby.

Inherited from

BreadcrumbsProps.aria-details

---

aria-disabled?

optional aria-disabled: Booleanish

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

See

• aria-hidden
• aria-readonly.

Inherited from

BreadcrumbsProps.aria-disabled

---

aria-dropeffect?

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

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

Deprecated

in ARIA 1.1

Inherited from

BreadcrumbsProps.aria-dropeffect

---

aria-errormessage?

optional aria-errormessage: string

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

See

• aria-invalid
• aria-describedby.

Inherited from

BreadcrumbsProps.aria-errormessage

---

aria-expanded?

optional aria-expanded: Booleanish

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

Inherited from

BreadcrumbsProps.aria-expanded

---

aria-flowto?

optional aria-flowto: string

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

Inherited from

BreadcrumbsProps.aria-flowto

---

aria-grabbed?

optional aria-grabbed: Booleanish

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

Deprecated

in ARIA 1.1

Inherited from

BreadcrumbsProps.aria-grabbed

---

aria-haspopup?

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

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

Inherited from

BreadcrumbsProps.aria-haspopup

---

aria-hidden?

optional aria-hidden: Booleanish

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Inherited from

BreadcrumbsProps.aria-hidden

---

aria-invalid?

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

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

See

aria-errormessage.

Inherited from

BreadcrumbsProps.aria-invalid

---

aria-keyshortcuts?

optional aria-keyshortcuts: string

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

Inherited from

BreadcrumbsProps.aria-keyshortcuts

---

aria-label?

optional aria-label: string

Defines a string value that labels the current element.

See

aria-labelledby.

Inherited from

BreadcrumbsProps.aria-label

---

aria-labelledby?

optional aria-labelledby: string

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

See

aria-describedby.

Inherited from

BreadcrumbsProps.aria-labelledby

---

aria-level?

optional aria-level: number

Defines the hierarchical level of an element within a structure.

Inherited from

BreadcrumbsProps.aria-level

---

aria-live?

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

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

Inherited from

BreadcrumbsProps.aria-live

---

aria-modal?

optional aria-modal: Booleanish

Indicates whether an element is modal when displayed.

Inherited from

BreadcrumbsProps.aria-modal

---

aria-multiline?

optional aria-multiline: Booleanish

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

Inherited from

BreadcrumbsProps.aria-multiline

---

aria-multiselectable?

optional aria-multiselectable: Booleanish

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

Inherited from

BreadcrumbsProps.aria-multiselectable

---

aria-orientation?

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

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

Inherited from

BreadcrumbsProps.aria-orientation

---

aria-owns?

optional aria-owns: string

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

See

aria-controls.

Inherited from

BreadcrumbsProps.aria-owns

---

aria-placeholder?

optional aria-placeholder: string

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

Inherited from

BreadcrumbsProps.aria-placeholder

---

aria-posinset?

optional aria-posinset: number

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

See

aria-setsize.

Inherited from

BreadcrumbsProps.aria-posinset

---

aria-pressed?

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

Indicates the current "pressed" state of toggle buttons.

See

• aria-checked
• aria-selected.

Inherited from

BreadcrumbsProps.aria-pressed

---

aria-readonly?

optional aria-readonly: Booleanish

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

See

aria-disabled.

Inherited from

BreadcrumbsProps.aria-readonly

---

aria-relevant?

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

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

See

aria-atomic.

Inherited from

BreadcrumbsProps.aria-relevant

---

aria-required?

optional aria-required: Booleanish

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

Inherited from

BreadcrumbsProps.aria-required

---

aria-roledescription?

optional aria-roledescription: string

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

Inherited from

BreadcrumbsProps.aria-roledescription

---

aria-rowcount?

optional aria-rowcount: number

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

See

aria-rowindex.

Inherited from

BreadcrumbsProps.aria-rowcount

---

aria-rowindex?

optional aria-rowindex: number

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

See

• aria-rowcount
• aria-rowspan.

Inherited from

BreadcrumbsProps.aria-rowindex

---

aria-rowindextext?

optional aria-rowindextext: string

Defines a human readable text alternative of aria-rowindex.

See

aria-colindextext.

Inherited from

BreadcrumbsProps.aria-rowindextext

---

aria-rowspan?

optional aria-rowspan: number

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

See

• aria-rowindex
• aria-colspan.

Inherited from

BreadcrumbsProps.aria-rowspan

---

aria-selected?

optional aria-selected: Booleanish

Indicates the current "selected" state of various widgets.

See

• aria-checked
• aria-pressed.

Inherited from

BreadcrumbsProps.aria-selected

---

aria-setsize?

optional aria-setsize: number

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

See

aria-posinset.

Inherited from

BreadcrumbsProps.aria-setsize

---

aria-sort?

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

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

Inherited from

BreadcrumbsProps.aria-sort

---

aria-valuemax?

optional aria-valuemax: number

Defines the maximum allowed value for a range widget.

Inherited from

BreadcrumbsProps.aria-valuemax

---

aria-valuemin?

optional aria-valuemin: number

Defines the minimum allowed value for a range widget.

Inherited from

BreadcrumbsProps.aria-valuemin

---

aria-valuenow?

optional aria-valuenow: number

Defines the current value for a range widget.

See

aria-valuetext.

Inherited from

BreadcrumbsProps.aria-valuenow

---

aria-valuetext?

optional aria-valuetext: string

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

Inherited from

BreadcrumbsProps.aria-valuetext

---

autoCapitalize?

optional autoCapitalize: "none" | string & object | "off" | "on" | "sentences" | "words" | "characters"

Inherited from

BreadcrumbsProps.autoCapitalize

---

autoCorrect?

optional autoCorrect: string

Inherited from

BreadcrumbsProps.autoCorrect

---

autoFocus?

optional autoFocus: boolean

Inherited from

BreadcrumbsProps.autoFocus

---

autoSave?

optional autoSave: string

Inherited from

BreadcrumbsProps.autoSave

---

children?

optional children: ReactNode

The content of the component.

Inherited from

BreadcrumbsProps.children

---

classes?

optional classes: Partial<BreadcrumbsClasses> & Partial<ClassNameMap<never>>

Override or extend the styles applied to the component.

Inherited from

BreadcrumbsProps.classes

---

className?

optional className: string

Inherited from

BreadcrumbsProps.className

---

color?

optional color: string

Inherited from

BreadcrumbsProps.color

---

component?

optional component: ElementType<any, keyof IntrinsicElements>

Inherited from

BreadcrumbsProps.component

---

content?

optional content: string

Inherited from

BreadcrumbsProps.content

---

contentEditable?

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

Inherited from

BreadcrumbsProps.contentEditable

---

contextMenu?

optional contextMenu: string

Inherited from

BreadcrumbsProps.contextMenu

---

dangerouslySetInnerHTML?

optional dangerouslySetInnerHTML: object

__html

__html: string | TrustedHTML

Inherited from

BreadcrumbsProps.dangerouslySetInnerHTML

---

datatype?

optional datatype: string

Inherited from

BreadcrumbsProps.datatype

---

defaultChecked?

optional defaultChecked: boolean

Inherited from

BreadcrumbsProps.defaultChecked

---

defaultValue?

optional defaultValue: string | number | readonly string[]

Inherited from

BreadcrumbsProps.defaultValue

---

dir?

optional dir: string

Inherited from

BreadcrumbsProps.dir

---

draggable?

optional draggable: Booleanish

Inherited from

BreadcrumbsProps.draggable

---

enterKeyHint?

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

Inherited from

BreadcrumbsProps.enterKeyHint

---

expandText?

optional expandText: string

Override the default label for the expand button.

For localization purposes, you can use the provided translations.

Default

'Show path'

Inherited from

BreadcrumbsProps.expandText

---

exportparts?

optional exportparts: string

See

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

Inherited from

BreadcrumbsProps.exportparts

---

hidden?

optional hidden: boolean

Inherited from

BreadcrumbsProps.hidden

---

id?

optional id: string

Inherited from

BreadcrumbsProps.id

---

inert?

optional inert: boolean

See

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

Inherited from

BreadcrumbsProps.inert

---

inlist?

optional inlist: any

Inherited from

BreadcrumbsProps.inlist

---

inputMode?

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

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

See

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

Inherited from

BreadcrumbsProps.inputMode

---

is?

optional is: string

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

See

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

Inherited from

BreadcrumbsProps.is

---

itemID?

optional itemID: string

Inherited from

BreadcrumbsProps.itemID

---

itemProp?

optional itemProp: string

Inherited from

BreadcrumbsProps.itemProp

---

itemRef?

optional itemRef: string

Inherited from

BreadcrumbsProps.itemRef

---

items

items: BreadcrumbsItem[]

Array of breadcrumb items to display.

---

itemsAfterCollapse?

optional itemsAfterCollapse: number

If max items is exceeded, the number of items to show after the ellipsis.

Default

1

Inherited from

BreadcrumbsProps.itemsAfterCollapse

---

itemsBeforeCollapse?

optional itemsBeforeCollapse: number

If max items is exceeded, the number of items to show before the ellipsis.

Default

1

Inherited from

BreadcrumbsProps.itemsBeforeCollapse

---

itemScope?

optional itemScope: boolean

Inherited from

BreadcrumbsProps.itemScope

---

itemType?

optional itemType: string

Inherited from

BreadcrumbsProps.itemType

---

key?

optional key: null | Key

Inherited from

BreadcrumbsProps.key

---

lang?

optional lang: string

Inherited from

BreadcrumbsProps.lang

---

maxItems?

optional maxItems: number

Specifies the maximum number of breadcrumbs to display. When there are more than the maximum number, only the first itemsBeforeCollapse and last itemsAfterCollapse will be shown, with an ellipsis in between.

Default

8

Inherited from

BreadcrumbsProps.maxItems

---

nonce?

optional nonce: string

Inherited from

BreadcrumbsProps.nonce

---

onAbort?

optional onAbort: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAbort

---

onAbortCapture?

optional onAbortCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAbortCapture

---

onAnimationEnd?

optional onAnimationEnd: AnimationEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAnimationEnd

---

onAnimationEndCapture?

optional onAnimationEndCapture: AnimationEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAnimationEndCapture

---

onAnimationIteration?

optional onAnimationIteration: AnimationEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAnimationIteration

---

onAnimationIterationCapture?

optional onAnimationIterationCapture: AnimationEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAnimationIterationCapture

---

onAnimationStart?

optional onAnimationStart: AnimationEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAnimationStart

---

onAnimationStartCapture?

optional onAnimationStartCapture: AnimationEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAnimationStartCapture

---

onAuxClick?

optional onAuxClick: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAuxClick

---

onAuxClickCapture?

optional onAuxClickCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onAuxClickCapture

---

onBeforeInput?

optional onBeforeInput: InputEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onBeforeInput

---

onBeforeInputCapture?

optional onBeforeInputCapture: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onBeforeInputCapture

---

onBeforeToggle?

optional onBeforeToggle: ToggleEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onBeforeToggle

---

onBlur?

optional onBlur: FocusEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onBlur

---

onBlurCapture?

optional onBlurCapture: FocusEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onBlurCapture

---

onCanPlay?

optional onCanPlay: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCanPlay

---

onCanPlayCapture?

optional onCanPlayCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCanPlayCapture

---

onCanPlayThrough?

optional onCanPlayThrough: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCanPlayThrough

---

onCanPlayThroughCapture?

optional onCanPlayThroughCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCanPlayThroughCapture

---

onChange?

optional onChange: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onChange

---

onChangeCapture?

optional onChangeCapture: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onChangeCapture

---

onClick?

optional onClick: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onClick

---

onClickCapture?

optional onClickCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onClickCapture

---

onCompositionEnd?

optional onCompositionEnd: CompositionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCompositionEnd

---

onCompositionEndCapture?

optional onCompositionEndCapture: CompositionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCompositionEndCapture

---

onCompositionStart?

optional onCompositionStart: CompositionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCompositionStart

---

onCompositionStartCapture?

optional onCompositionStartCapture: CompositionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCompositionStartCapture

---

onCompositionUpdate?

optional onCompositionUpdate: CompositionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCompositionUpdate

---

onCompositionUpdateCapture?

optional onCompositionUpdateCapture: CompositionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCompositionUpdateCapture

---

onContextMenu?

optional onContextMenu: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onContextMenu

---

onContextMenuCapture?

optional onContextMenuCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onContextMenuCapture

---

onCopy?

optional onCopy: ClipboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCopy

---

onCopyCapture?

optional onCopyCapture: ClipboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCopyCapture

---

onCut?

optional onCut: ClipboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCut

---

onCutCapture?

optional onCutCapture: ClipboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onCutCapture

---

onDoubleClick?

optional onDoubleClick: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDoubleClick

---

onDoubleClickCapture?

optional onDoubleClickCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDoubleClickCapture

---

onDrag?

optional onDrag: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDrag

---

onDragCapture?

optional onDragCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragCapture

---

onDragEnd?

optional onDragEnd: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragEnd

---

onDragEndCapture?

optional onDragEndCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragEndCapture

---

onDragEnter?

optional onDragEnter: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragEnter

---

onDragEnterCapture?

optional onDragEnterCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragEnterCapture

---

onDragExit?

optional onDragExit: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragExit

---

onDragExitCapture?

optional onDragExitCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragExitCapture

---

onDragLeave?

optional onDragLeave: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragLeave

---

onDragLeaveCapture?

optional onDragLeaveCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragLeaveCapture

---

onDragOver?

optional onDragOver: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragOver

---

onDragOverCapture?

optional onDragOverCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragOverCapture

---

onDragStart?

optional onDragStart: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragStart

---

onDragStartCapture?

optional onDragStartCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDragStartCapture

---

onDrop?

optional onDrop: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDrop

---

onDropCapture?

optional onDropCapture: DragEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDropCapture

---

onDurationChange?

optional onDurationChange: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDurationChange

---

onDurationChangeCapture?

optional onDurationChangeCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onDurationChangeCapture

---

onEmptied?

optional onEmptied: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onEmptied

---

onEmptiedCapture?

optional onEmptiedCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onEmptiedCapture

---

onEncrypted?

optional onEncrypted: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onEncrypted

---

onEncryptedCapture?

optional onEncryptedCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onEncryptedCapture

---

onEnded?

optional onEnded: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onEnded

---

onEndedCapture?

optional onEndedCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onEndedCapture

---

onError?

optional onError: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onError

---

onErrorCapture?

optional onErrorCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onErrorCapture

---

onFocus?

optional onFocus: FocusEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onFocus

---

onFocusCapture?

optional onFocusCapture: FocusEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onFocusCapture

---

onGotPointerCapture?

optional onGotPointerCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onGotPointerCapture

---

onGotPointerCaptureCapture?

optional onGotPointerCaptureCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onGotPointerCaptureCapture

---

onInput?

optional onInput: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onInput

---

onInputCapture?

optional onInputCapture: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onInputCapture

---

onInvalid?

optional onInvalid: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onInvalid

---

onInvalidCapture?

optional onInvalidCapture: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onInvalidCapture

---

onItemClick()

onItemClick: (item) => void

Callback function when a breadcrumb item is clicked.

Parameters

item

MuiBreadcrumbsItemProps

Returns

void

---

onKeyDown?

optional onKeyDown: KeyboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onKeyDown

---

onKeyDownCapture?

optional onKeyDownCapture: KeyboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onKeyDownCapture

---

onKeyPress?

optional onKeyPress: KeyboardEventHandler<HTMLElement>

Deprecated

Use onKeyUp or onKeyDown instead

Inherited from

BreadcrumbsProps.onKeyPress

---

onKeyPressCapture?

optional onKeyPressCapture: KeyboardEventHandler<HTMLElement>

Deprecated

Use onKeyUpCapture or onKeyDownCapture instead

Inherited from

BreadcrumbsProps.onKeyPressCapture

---

onKeyUp?

optional onKeyUp: KeyboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onKeyUp

---

onKeyUpCapture?

optional onKeyUpCapture: KeyboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onKeyUpCapture

---

onLoad?

optional onLoad: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoad

---

onLoadCapture?

optional onLoadCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadCapture

---

onLoadedData?

optional onLoadedData: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadedData

---

onLoadedDataCapture?

optional onLoadedDataCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadedDataCapture

---

onLoadedMetadata?

optional onLoadedMetadata: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadedMetadata

---

onLoadedMetadataCapture?

optional onLoadedMetadataCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadedMetadataCapture

---

onLoadStart?

optional onLoadStart: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadStart

---

onLoadStartCapture?

optional onLoadStartCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLoadStartCapture

---

onLostPointerCapture?

optional onLostPointerCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLostPointerCapture

---

onLostPointerCaptureCapture?

optional onLostPointerCaptureCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onLostPointerCaptureCapture

---

onMouseDown?

optional onMouseDown: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseDown

---

onMouseDownCapture?

optional onMouseDownCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseDownCapture

---

onMouseEnter?

optional onMouseEnter: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseEnter

---

onMouseLeave?

optional onMouseLeave: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseLeave

---

onMouseMove?

optional onMouseMove: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseMove

---

onMouseMoveCapture?

optional onMouseMoveCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseMoveCapture

---

onMouseOut?

optional onMouseOut: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseOut

---

onMouseOutCapture?

optional onMouseOutCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseOutCapture

---

onMouseOver?

optional onMouseOver: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseOver

---

onMouseOverCapture?

optional onMouseOverCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseOverCapture

---

onMouseUp?

optional onMouseUp: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseUp

---

onMouseUpCapture?

optional onMouseUpCapture: MouseEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onMouseUpCapture

---

onPaste?

optional onPaste: ClipboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPaste

---

onPasteCapture?

optional onPasteCapture: ClipboardEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPasteCapture

---

onPause?

optional onPause: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPause

---

onPauseCapture?

optional onPauseCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPauseCapture

---

onPlay?

optional onPlay: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPlay

---

onPlayCapture?

optional onPlayCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPlayCapture

---

onPlaying?

optional onPlaying: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPlaying

---

onPlayingCapture?

optional onPlayingCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPlayingCapture

---

onPointerCancel?

optional onPointerCancel: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerCancel

---

onPointerCancelCapture?

optional onPointerCancelCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerCancelCapture

---

onPointerDown?

optional onPointerDown: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerDown

---

onPointerDownCapture?

optional onPointerDownCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerDownCapture

---

onPointerEnter?

optional onPointerEnter: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerEnter

---

onPointerLeave?

optional onPointerLeave: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerLeave

---

onPointerMove?

optional onPointerMove: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerMove

---

onPointerMoveCapture?

optional onPointerMoveCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerMoveCapture

---

onPointerOut?

optional onPointerOut: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerOut

---

onPointerOutCapture?

optional onPointerOutCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerOutCapture

---

onPointerOver?

optional onPointerOver: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerOver

---

onPointerOverCapture?

optional onPointerOverCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerOverCapture

---

onPointerUp?

optional onPointerUp: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerUp

---

onPointerUpCapture?

optional onPointerUpCapture: PointerEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onPointerUpCapture

---

onProgress?

optional onProgress: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onProgress

---

onProgressCapture?

optional onProgressCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onProgressCapture

---

onRateChange?

optional onRateChange: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onRateChange

---

onRateChangeCapture?

optional onRateChangeCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onRateChangeCapture

---

onReset?

optional onReset: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onReset

---

onResetCapture?

optional onResetCapture: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onResetCapture

---

onScroll?

optional onScroll: UIEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onScroll

---

onScrollCapture?

optional onScrollCapture: UIEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onScrollCapture

---

onScrollEnd?

optional onScrollEnd: UIEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onScrollEnd

---

onScrollEndCapture?

optional onScrollEndCapture: UIEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onScrollEndCapture

---

onSeeked?

optional onSeeked: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSeeked

---

onSeekedCapture?

optional onSeekedCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSeekedCapture

---

onSeeking?

optional onSeeking: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSeeking

---

onSeekingCapture?

optional onSeekingCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSeekingCapture

---

onSelect?

optional onSelect: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSelect

---

onSelectCapture?

optional onSelectCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSelectCapture

---

onStalled?

optional onStalled: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onStalled

---

onStalledCapture?

optional onStalledCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onStalledCapture

---

onSubmit?

optional onSubmit: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSubmit

---

onSubmitCapture?

optional onSubmitCapture: FormEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSubmitCapture

---

onSuspend?

optional onSuspend: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSuspend

---

onSuspendCapture?

optional onSuspendCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onSuspendCapture

---

onTimeUpdate?

optional onTimeUpdate: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTimeUpdate

---

onTimeUpdateCapture?

optional onTimeUpdateCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTimeUpdateCapture

---

onToggle?

optional onToggle: ToggleEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onToggle

---

onTouchCancel?

optional onTouchCancel: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchCancel

---

onTouchCancelCapture?

optional onTouchCancelCapture: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchCancelCapture

---

onTouchEnd?

optional onTouchEnd: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchEnd

---

onTouchEndCapture?

optional onTouchEndCapture: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchEndCapture

---

onTouchMove?

optional onTouchMove: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchMove

---

onTouchMoveCapture?

optional onTouchMoveCapture: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchMoveCapture

---

onTouchStart?

optional onTouchStart: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchStart

---

onTouchStartCapture?

optional onTouchStartCapture: TouchEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTouchStartCapture

---

onTransitionCancel?

optional onTransitionCancel: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionCancel

---

onTransitionCancelCapture?

optional onTransitionCancelCapture: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionCancelCapture

---

onTransitionEnd?

optional onTransitionEnd: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionEnd

---

onTransitionEndCapture?

optional onTransitionEndCapture: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionEndCapture

---

onTransitionRun?

optional onTransitionRun: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionRun

---

onTransitionRunCapture?

optional onTransitionRunCapture: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionRunCapture

---

onTransitionStart?

optional onTransitionStart: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionStart

---

onTransitionStartCapture?

optional onTransitionStartCapture: TransitionEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onTransitionStartCapture

---

onVolumeChange?

optional onVolumeChange: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onVolumeChange

---

onVolumeChangeCapture?

optional onVolumeChangeCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onVolumeChangeCapture

---

onWaiting?

optional onWaiting: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onWaiting

---

onWaitingCapture?

optional onWaitingCapture: ReactEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onWaitingCapture

---

onWheel?

optional onWheel: WheelEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onWheel

---

onWheelCapture?

optional onWheelCapture: WheelEventHandler<HTMLElement>

Inherited from

BreadcrumbsProps.onWheelCapture

---

part?

optional part: string

See

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

Inherited from

BreadcrumbsProps.part

---

popover?

optional popover: "" | "hint" | "auto" | "manual"

Inherited from

BreadcrumbsProps.popover

---

popoverTarget?

optional popoverTarget: string

Inherited from

BreadcrumbsProps.popoverTarget

---

popoverTargetAction?

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

Inherited from

BreadcrumbsProps.popoverTargetAction

---

prefix?

optional prefix: string

Inherited from

BreadcrumbsProps.prefix

---

property?

optional property: string

Inherited from

BreadcrumbsProps.property

---

radioGroup?

optional radioGroup: string

Inherited from

BreadcrumbsProps.radioGroup

---

ref?

optional ref: Ref<HTMLElement>

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

See

React Docs

Inherited from

BreadcrumbsProps.ref

---

rel?

optional rel: string

Inherited from

BreadcrumbsProps.rel

---

resource?

optional resource: string

Inherited from

BreadcrumbsProps.resource

---

results?

optional results: number

Inherited from

BreadcrumbsProps.results

---

rev?

optional rev: string

Inherited from

BreadcrumbsProps.rev

---

role?

optional role: AriaRole

Inherited from

BreadcrumbsProps.role

---

security?

optional security: string

Inherited from

BreadcrumbsProps.security

---

separator?

optional separator: ReactNode

Custom separator node.

Default

'/'

Inherited from

BreadcrumbsProps.separator

---

slot?

optional slot: string

Inherited from

BreadcrumbsProps.slot

---

slotProps?

optional slotProps: object

The props used for each slot inside the Breadcumb.

collapsedIcon?

optional collapsedIcon: SlotComponentProps<OverridableComponent<SvgIconTypeMap<{ }, "svg">> & object, BreadcrumbsCollapsedIconSlotPropsOverrides, BreadcrumbsOwnerState>

Props applied to the CollapsedIcon slot.

Default

{}

Default

{}

Inherited from

BreadcrumbsProps.slotProps

---

slots?

optional slots: object

The components used for each slot inside the Breadcumb. Either a string to use a HTML element or a component.

CollapsedIcon?

optional CollapsedIcon: ElementType<any, keyof IntrinsicElements>

Default

{}

Inherited from

BreadcrumbsProps.slots

---

spellCheck?

optional spellCheck: Booleanish

Inherited from

BreadcrumbsProps.spellCheck

---

style?

optional style: CSSProperties

Inherited from

BreadcrumbsProps.style

---

suppressContentEditableWarning?

optional suppressContentEditableWarning: boolean

Inherited from

BreadcrumbsProps.suppressContentEditableWarning

---

suppressHydrationWarning?

optional suppressHydrationWarning: boolean

Inherited from

BreadcrumbsProps.suppressHydrationWarning

---

sx?

optional sx: SxProps<Theme>

The system prop that allows defining system overrides as well as additional CSS styles.

Inherited from

BreadcrumbsProps.sx

---

tabIndex?

optional tabIndex: number

Inherited from

BreadcrumbsProps.tabIndex

---

title?

optional title: string

Inherited from

BreadcrumbsProps.title

---

translate?

optional translate: "yes" | "no"

Inherited from

BreadcrumbsProps.translate

---

typeof?

optional typeof: string

Inherited from

BreadcrumbsProps.typeof

---

unselectable?

optional unselectable: "off" | "on"

Inherited from

BreadcrumbsProps.unselectable

---

vocab?

optional vocab: string

Inherited from

BreadcrumbsProps.vocab