ErrorBarProps interface

Currently active errors.

activeErrorMessages: ActiveErrorMessage[]

Property Value

If set, errors with timestamp older than the time this component is mounted are not shown.

This is useful when using the ErrorBar with a stateful client that handles more than one call or chat thread. Set this prop to ignore errors from previous call or chat.

ignorePremountErrors?: boolean

Property Value

Strings shown on the UI on errors.

strings?: ErrorBarStrings

Property Value

about?: string

Property Value

Inherited From IMessageBarProps.about

accessKey?: string

Property Value

Inherited From IMessageBarProps.accessKey

The actions you want to show on the other side.

actions?: Element

Property Value

Inherited From IMessageBarProps.actions

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

aria-activedescendant?: string

Property Value

Inherited From IMessageBarProps.aria-activedescendant

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.

aria-atomic?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-atomic

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.

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

Property Value

Inherited From IMessageBarProps.aria-autocomplete

Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.

aria-busy?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-busy

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

See aria-pressed See aria-selected.

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

Property Value

Inherited From IMessageBarProps.aria-checked

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

See aria-colindex.

aria-colcount?: number

Property Value

Inherited From IMessageBarProps.aria-colcount

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 See aria-colspan.

aria-colindex?: number

Property Value

Inherited From IMessageBarProps.aria-colindex

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

See aria-colindex See aria-rowspan.

aria-colspan?: number

Property Value

Inherited From IMessageBarProps.aria-colspan

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

See aria-owns.

aria-controls?: string

Property Value

Inherited From IMessageBarProps.aria-controls

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

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

Property Value

Inherited From IMessageBarProps.aria-current

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

See aria-labelledby

aria-describedby?: string

Property Value

Inherited From IMessageBarProps.aria-describedby

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

See aria-describedby.

aria-details?: string

Property Value

Inherited From IMessageBarProps.aria-details

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

See aria-hidden See aria-readonly.

aria-disabled?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-disabled

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

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

Property Value

Inherited From IMessageBarProps.aria-dropeffect

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

See aria-invalid See aria-describedby.

aria-errormessage?: string

Property Value

Inherited From IMessageBarProps.aria-errormessage

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

aria-expanded?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-expanded

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.

aria-flowto?: string

Property Value

Inherited From IMessageBarProps.aria-flowto

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

aria-grabbed?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-grabbed

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

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

Property Value

Inherited From IMessageBarProps.aria-haspopup

Indicates whether the element is exposed to an accessibility API.

See aria-disabled.

aria-hidden?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-hidden

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

See aria-errormessage.

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

Property Value

Inherited From IMessageBarProps.aria-invalid

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

aria-keyshortcuts?: string

Property Value

Inherited From IMessageBarProps.aria-keyshortcuts

Defines a string value that labels the current element.

See aria-labelledby.

aria-label?: string

Property Value

Inherited From IMessageBarProps.aria-label

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

See aria-describedby.

aria-labelledby?: string

Property Value

Inherited From IMessageBarProps.aria-labelledby

Defines the hierarchical level of an element within a structure.

aria-level?: number

Property Value

Inherited From IMessageBarProps.aria-level

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.

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

Property Value

Inherited From IMessageBarProps.aria-live

Indicates whether an element is modal when displayed.

aria-modal?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-modal

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

aria-multiline?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-multiline

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

aria-multiselectable?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-multiselectable

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

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

Property Value

Inherited From IMessageBarProps.aria-orientation

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.

aria-owns?: string

Property Value

Inherited From IMessageBarProps.aria-owns

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.

aria-placeholder?: string

Property Value

Inherited From IMessageBarProps.aria-placeholder

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.

aria-posinset?: number

Property Value

Inherited From IMessageBarProps.aria-posinset

Indicates the current "pressed" state of toggle buttons.

See aria-checked See aria-selected.

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

Property Value

Inherited From IMessageBarProps.aria-pressed

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

See aria-disabled.

aria-readonly?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-readonly

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

See aria-atomic.

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

Property Value

Inherited From IMessageBarProps.aria-relevant

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

aria-required?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-required

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

aria-roledescription?: string

Property Value

Inherited From IMessageBarProps.aria-roledescription

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

See aria-rowindex.

aria-rowcount?: number

Property Value

Inherited From IMessageBarProps.aria-rowcount

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 See aria-rowspan.

aria-rowindex?: number

Property Value

Inherited From IMessageBarProps.aria-rowindex

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

See aria-rowindex See aria-colspan.

aria-rowspan?: number

Property Value

Inherited From IMessageBarProps.aria-rowspan

Indicates the current "selected" state of various widgets.

See aria-checked See aria-pressed.

aria-selected?: Booleanish

Property Value

Inherited From IMessageBarProps.aria-selected

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.

aria-setsize?: number

Property Value

Inherited From IMessageBarProps.aria-setsize

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

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

Property Value

Inherited From IMessageBarProps.aria-sort

Defines the maximum allowed value for a range widget.

aria-valuemax?: number

Property Value

Inherited From IMessageBarProps.aria-valuemax

Defines the minimum allowed value for a range widget.

aria-valuemin?: number

Property Value

Inherited From IMessageBarProps.aria-valuemin

Defines the current value for a range widget.

See aria-valuetext.

aria-valuenow?: number

Property Value

Inherited From IMessageBarProps.aria-valuenow

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

aria-valuetext?: string

Property Value

Inherited From IMessageBarProps.aria-valuetext

A description of the message bar for the benefit of screen readers.

ariaLabel?: string

Property Value

Inherited From IMessageBarProps.ariaLabel

autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})

Property Value

Inherited From IMessageBarProps.autoCapitalize

autoCorrect?: string

Property Value

Inherited From IMessageBarProps.autoCorrect

autoFocus?: boolean

Property Value

Inherited From IMessageBarProps.autoFocus

autoSave?: string

Property Value

Inherited From IMessageBarProps.autoSave

children?: ReactNode

Property Value

Inherited From IMessageBarProps.children

Additional CSS class(es) to apply to the MessageBar.

className?: string

Property Value

Inherited From IMessageBarProps.className

color?: string

Property Value

Inherited From IMessageBarProps.color

Optional callback to access the IMessageBar interface. Use this instead of ref for accessing the public methods and properties of the component.

componentRef?: IRefObject<IMessageBar>

Property Value

Inherited From IMessageBarProps.componentRef

content?: string

Property Value

Inherited From IMessageBarProps.content

contentEditable?: Booleanish | "inherit"

Property Value

Inherited From IMessageBarProps.contentEditable

contextMenu?: string

Property Value

Inherited From IMessageBarProps.contextMenu

dangerouslySetInnerHTML?: { __html: string | TrustedHTML }

Property Value

Inherited From IMessageBarProps.dangerouslySetInnerHTML

datatype?: string

Property Value

Inherited From IMessageBarProps.datatype

defaultChecked?: boolean

Property Value

Inherited From IMessageBarProps.defaultChecked

defaultValue?: string | number | (readonly string[])

Property Value

Inherited From IMessageBarProps.defaultValue

By default, MessageBar delay-renders its content within an internal live region to help ensure it's announced by screen readers. You can disable that behavior by setting this prop to false.

If you set this prop to false, to ensure proper announcement you should either:

• If appropriate, ensure that the role prop is set to alert (this will be done by default if messageBarType is error, blocked, or severeWarning), OR
• Set the role prop to none (to avoid nested status regions), wrap the whole MessageBar in a <div role="status"> which is always rendered, and ensure that the MessageBar is rendered either conditionally or with a delay.

delayedRender?: boolean

Property Value

Inherited From IMessageBarProps.delayedRender

dir?: string

Property Value

Inherited From IMessageBarProps.dir

Aria label on dismiss button if onDismiss is defined.

dismissButtonAriaLabel?: string

Property Value

Inherited From IMessageBarProps.dismissButtonAriaLabel

Custom icon prop to replace the dismiss icon. If unset, default will be the Fabric Clear icon.

dismissIconProps?: IIconProps

Property Value

Inherited From IMessageBarProps.dismissIconProps

draggable?: Booleanish

Property Value

Inherited From IMessageBarProps.draggable

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

Property Value

Inherited From IMessageBarProps.enterKeyHint

Button props that can be applied to the expand button of the MessageBar.

expandButtonProps?: IButtonProps

Property Value

Inherited From IMessageBarProps.expandButtonProps

hidden?: boolean

Property Value

Inherited From IMessageBarProps.hidden

id?: string

Property Value

Inherited From IMessageBarProps.id

inlist?: any

Property Value

Inherited From IMessageBarProps.inlist

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

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

Property Value

Inherited From IMessageBarProps.inputMode

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

is?: string

Property Value

Inherited From IMessageBarProps.is

Determines if the message bar is multi lined. If false, and the text overflows over buttons or to another line, it is clipped.

isMultiline?: boolean

Property Value

Inherited From IMessageBarProps.isMultiline

itemID?: string

Property Value

Inherited From IMessageBarProps.itemID

itemProp?: string

Property Value

Inherited From IMessageBarProps.itemProp

itemRef?: string

Property Value

Inherited From IMessageBarProps.itemRef

itemScope?: boolean

Property Value

Inherited From IMessageBarProps.itemScope

itemType?: string

Property Value

Inherited From IMessageBarProps.itemType

key?: null | Key

Property Value

Inherited From IMessageBarProps.key

lang?: string

Property Value

Inherited From IMessageBarProps.lang

Custom icon prop to replace the message bar icon. If unset, default will be the icon set by messageBarType.

messageBarIconProps?: IIconProps

Property Value

Inherited From IMessageBarProps.messageBarIconProps

The type of MessageBar to render.

messageBarType?: MessageBarType

Property Value

Inherited From IMessageBarProps.messageBarType

nonce?: string

Property Value

Inherited From IMessageBarProps.nonce

onAbort?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAbort

onAbortCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAbortCapture

onAnimationEnd?: AnimationEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAnimationEnd

onAnimationEndCapture?: AnimationEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAnimationEndCapture

onAnimationIteration?: AnimationEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAnimationIteration

onAnimationIterationCapture?: AnimationEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAnimationIterationCapture

onAnimationStart?: AnimationEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAnimationStart

onAnimationStartCapture?: AnimationEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAnimationStartCapture

onAuxClick?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAuxClick

onAuxClickCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onAuxClickCapture

onBeforeInput?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onBeforeInput

onBeforeInputCapture?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onBeforeInputCapture

onBlur?: FocusEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onBlur

onBlurCapture?: FocusEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onBlurCapture

onCanPlay?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCanPlay

onCanPlayCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCanPlayCapture

onCanPlayThrough?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCanPlayThrough

onCanPlayThroughCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCanPlayThroughCapture

onChange?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onChange

onChangeCapture?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onChangeCapture

onClick?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onClick

onClickCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onClickCapture

onCompositionEnd?: CompositionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCompositionEnd

onCompositionEndCapture?: CompositionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCompositionEndCapture

onCompositionStart?: CompositionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCompositionStart

onCompositionStartCapture?: CompositionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCompositionStartCapture

onCompositionUpdate?: CompositionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCompositionUpdate

onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCompositionUpdateCapture

onContextMenu?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onContextMenu

onContextMenuCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onContextMenuCapture

onCopy?: ClipboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCopy

onCopyCapture?: ClipboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCopyCapture

onCut?: ClipboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCut

onCutCapture?: ClipboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onCutCapture

Whether the message bar has a dismiss button and its callback. If null, we don't show a dismiss button.

onDismiss?: (ev?: MouseEvent<HTMLElement | BaseButton | Button, MouseEvent>) => any

Property Value

Inherited From IMessageBarProps.onDismiss

onDoubleClick?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDoubleClick

onDoubleClickCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDoubleClickCapture

onDrag?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDrag

onDragCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragCapture

onDragEnd?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragEnd

onDragEndCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragEndCapture

onDragEnter?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragEnter

onDragEnterCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragEnterCapture

onDragExit?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragExit

onDragExitCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragExitCapture

onDragLeave?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragLeave

onDragLeaveCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragLeaveCapture

onDragOver?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragOver

onDragOverCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragOverCapture

onDragStart?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragStart

onDragStartCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDragStartCapture

onDrop?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDrop

onDropCapture?: DragEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDropCapture

onDurationChange?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDurationChange

onDurationChangeCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onDurationChangeCapture

onEmptied?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onEmptied

onEmptiedCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onEmptiedCapture

onEncrypted?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onEncrypted

onEncryptedCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onEncryptedCapture

onEnded?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onEnded

onEndedCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onEndedCapture

onError?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onError

onErrorCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onErrorCapture

onFocus?: FocusEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onFocus

onFocusCapture?: FocusEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onFocusCapture

onGotPointerCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onGotPointerCapture

onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onGotPointerCaptureCapture

onInput?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onInput

onInputCapture?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onInputCapture

onInvalid?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onInvalid

onInvalidCapture?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onInvalidCapture

onKeyDown?: KeyboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onKeyDown

onKeyDownCapture?: KeyboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onKeyDownCapture

onKeyPress?: KeyboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onKeyPress

onKeyPressCapture?: KeyboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onKeyPressCapture

onKeyUp?: KeyboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onKeyUp

onKeyUpCapture?: KeyboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onKeyUpCapture

onLoad?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoad

onLoadCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadCapture

onLoadedData?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadedData

onLoadedDataCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadedDataCapture

onLoadedMetadata?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadedMetadata

onLoadedMetadataCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadedMetadataCapture

onLoadStart?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadStart

onLoadStartCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLoadStartCapture

onLostPointerCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLostPointerCapture

onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onLostPointerCaptureCapture

onMouseDown?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseDown

onMouseDownCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseDownCapture

onMouseEnter?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseEnter

onMouseLeave?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseLeave

onMouseMove?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseMove

onMouseMoveCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseMoveCapture

onMouseOut?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseOut

onMouseOutCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseOutCapture

onMouseOver?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseOver

onMouseOverCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseOverCapture

onMouseUp?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseUp

onMouseUpCapture?: MouseEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onMouseUpCapture

onPaste?: ClipboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPaste

onPasteCapture?: ClipboardEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPasteCapture

onPause?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPause

onPauseCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPauseCapture

onPlay?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPlay

onPlayCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPlayCapture

onPlaying?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPlaying

onPlayingCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPlayingCapture

onPointerCancel?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerCancel

onPointerCancelCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerCancelCapture

onPointerDown?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerDown

onPointerDownCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerDownCapture

onPointerEnter?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerEnter

onPointerEnterCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerEnterCapture

onPointerLeave?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerLeave

onPointerLeaveCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerLeaveCapture

onPointerMove?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerMove

onPointerMoveCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerMoveCapture

onPointerOut?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerOut

onPointerOutCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerOutCapture

onPointerOver?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerOver

onPointerOverCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerOverCapture

onPointerUp?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerUp

onPointerUpCapture?: PointerEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onPointerUpCapture

onProgress?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onProgress

onProgressCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onProgressCapture

onRateChange?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onRateChange

onRateChangeCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onRateChangeCapture

onReset?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onReset

onResetCapture?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onResetCapture

onScroll?: UIEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onScroll

onScrollCapture?: UIEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onScrollCapture

onSeeked?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSeeked

onSeekedCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSeekedCapture

onSeeking?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSeeking

onSeekingCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSeekingCapture

onSelect?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSelect

onSelectCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSelectCapture

onStalled?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onStalled

onStalledCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onStalledCapture

onSubmit?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSubmit

onSubmitCapture?: FormEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSubmitCapture

onSuspend?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSuspend

onSuspendCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onSuspendCapture

onTimeUpdate?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTimeUpdate

onTimeUpdateCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTimeUpdateCapture

onTouchCancel?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchCancel

onTouchCancelCapture?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchCancelCapture

onTouchEnd?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchEnd

onTouchEndCapture?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchEndCapture

onTouchMove?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchMove

onTouchMoveCapture?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchMoveCapture

onTouchStart?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchStart

onTouchStartCapture?: TouchEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTouchStartCapture

onTransitionEnd?: TransitionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTransitionEnd

onTransitionEndCapture?: TransitionEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onTransitionEndCapture

onVolumeChange?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onVolumeChange

onVolumeChangeCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onVolumeChangeCapture

onWaiting?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onWaiting

onWaitingCapture?: ReactEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onWaitingCapture

onWheel?: WheelEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onWheel

onWheelCapture?: WheelEventHandler<HTMLElement>

Property Value

Inherited From IMessageBarProps.onWheelCapture

Aria label on overflow button if truncated is defined.

overflowButtonAriaLabel?: string

Property Value

Inherited From IMessageBarProps.overflowButtonAriaLabel

placeholder?: string

Property Value

Inherited From IMessageBarProps.placeholder

prefix?: string

Property Value

Inherited From IMessageBarProps.prefix

property?: string

Property Value

Inherited From IMessageBarProps.property

radioGroup?: string

Property Value

Inherited From IMessageBarProps.radioGroup

ref?: Ref<HTMLDivElement>

Property Value

Inherited From IMessageBarProps.ref

rel?: string

Property Value

Inherited From IMessageBarProps.rel

resource?: string

Property Value

Inherited From IMessageBarProps.resource

results?: number

Property Value

Inherited From IMessageBarProps.results

rev?: string

Property Value

Inherited From IMessageBarProps.rev

Custom role to apply to the MessageBar.

role?: "none" | "alert" | "status"

Property Value

Inherited From IMessageBarProps.role

security?: string

Property Value

Inherited From IMessageBarProps.security

slot?: string

Property Value

Inherited From IMessageBarProps.slot

spellCheck?: Booleanish

Property Value

Inherited From IMessageBarProps.spellCheck

style?: CSSProperties

Property Value

Inherited From IMessageBarProps.style

Call to provide customized styling that will layer on top of the variant rules.

styles?: IStyleFunctionOrObject<IMessageBarStyleProps, IMessageBarStyles>

Property Value

Inherited From IMessageBarProps.styles

suppressContentEditableWarning?: boolean

Property Value

Inherited From IMessageBarProps.suppressContentEditableWarning

suppressHydrationWarning?: boolean

Property Value

Inherited From IMessageBarProps.suppressHydrationWarning

tabIndex?: number

Property Value

Inherited From IMessageBarProps.tabIndex

Theme (provided through customization.)

theme?: ITheme

Property Value

Inherited From IMessageBarProps.theme

title?: string

Property Value

Inherited From IMessageBarProps.title

translate?: "yes" | "no"

Property Value

Inherited From IMessageBarProps.translate

Determines if the message bar text is truncated. If true, a button will render to toggle between a single line view and multiline view. This prop is for single line message bars with no buttons only in a limited space scenario.

truncated?: boolean

Property Value

Inherited From IMessageBarProps.truncated

typeof?: string

Property Value

Inherited From IMessageBarProps.typeof

unselectable?: "off" | "on"

Property Value

Inherited From IMessageBarProps.unselectable

vocab?: string

Property Value

Inherited From IMessageBarProps.vocab