ControlBarButtonProps interface

Props for ControlBarButton.

Extends

IButtonProps

Properties

labelKey

Key to use for the Label component

onRenderOffIcon

Icon to render when the button is not checked.

onRenderOnIcon

Icon to render when the button is checked.

showLabel

Whether the label is displayed or not.

strings

Optional strings to override in component.

styles

Fluent styles, including extensions common to all ControlBarButtons.

tooltipId

Id to use for the tooltip host.

Inherited Properties

about
accept
acceptCharset
accessKey
action
allowDisabledFocus

Whether the button can have focus in disabled mode

allowFullScreen
allowTransparency
alt
aria-activedescendant

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

aria-atomic

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-autocomplete

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-busy

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-checked

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

See aria-pressed See aria-selected.

aria-colcount

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

See aria-colindex.

aria-colindex

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-colspan

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

See aria-colindex See aria-rowspan.

aria-controls

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

See aria-owns.

aria-current

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

aria-describedby

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

See aria-labelledby

aria-details

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

See aria-describedby.

aria-disabled

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

See aria-hidden See aria-readonly.

aria-dropeffect

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

aria-errormessage

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

See aria-invalid See aria-describedby.

aria-expanded

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

aria-flowto

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-grabbed

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

aria-haspopup

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

aria-hidden

Indicates whether the element is exposed to an accessibility API.

See aria-disabled.

aria-invalid

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

See aria-errormessage.

aria-keyshortcuts

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

aria-label

Defines a string value that labels the current element.

See aria-labelledby.

aria-labelledby

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

See aria-describedby.

aria-level

Defines the hierarchical level of an element within a structure.

aria-live

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-modal

Indicates whether an element is modal when displayed.

aria-multiline

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

aria-multiselectable

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

aria-orientation

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

aria-owns

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-placeholder

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-posinset

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-pressed

Indicates the current "pressed" state of toggle buttons.

See aria-checked See aria-selected.

aria-readonly

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

See aria-disabled.

aria-relevant

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

See aria-atomic.

aria-required

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

aria-roledescription

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

aria-rowcount

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

See aria-rowindex.

aria-rowindex

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-rowspan

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

See aria-rowindex See aria-colspan.

aria-selected

Indicates the current "selected" state of various widgets.

See aria-checked See aria-pressed.

aria-setsize

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-sort

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

aria-valuemax

Defines the maximum allowed value for a range widget.

aria-valuemin

Defines the minimum allowed value for a range widget.

aria-valuenow

Defines the current value for a range widget.

See aria-valuetext.

aria-valuetext

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

ariaDescription

Detailed description of the button for the benefit of screen readers.

Besides the compound button, other button types will need more information provided to screen reader.

ariaHidden

If true, add an aria-hidden attribute instructing screen readers to ignore the element.

ariaLabel

The aria label of the button for the benefit of screen readers.

as
async
autoCapitalize
autoComplete
autoCorrect
autoFocus
autoPlay
autoSave
buttonType
capture
cellPadding
cellSpacing
challenge
charSet
checked

Whether the button is checked. Should be used with the toggle attribute when creating a standalone on/off button.

children
cite
classID
className

If provided, additional class name to provide on the root element.

color
cols
colSpan
componentRef

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

content
contentEditable
contextMenu
controls
coords
crossOrigin
dangerouslySetInnerHTML
data

Any custom data the developer wishes to associate with the button.

datatype
dateTime
default
defaultChecked
defaultRender

yet unknown docs

defaultValue
defer
description

Style for the description text if applicable (for compound buttons).

dir
disabled

Whether the button is disabled

download
draggable
elementRef

Optional callback to access the root DOM element.

encType
enterKeyHint
form
formAction
formEncType
formMethod
formNoValidate
formTarget
frameBorder
getClassNames

Method to provide the classnames to style a button. The default value for this prop is the getClassnames func defined in BaseButton.classnames.ts.

getSplitButtonClassNames

Method to provide the classnames to style a button. The default value for this prop is the getClassnames func defined in BaseButton.classnames.ts.

headers
height
hidden
high
href

If provided, this component will be rendered as an anchor.

hrefLang
htmlFor
httpEquiv
iconProps

The props for the icon shown in the button.

id
inlist
inputMode

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

integrity
is

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

itemID
itemProp
itemRef
itemScope
itemType
keyParams
keytipProps

Optional keytip for this button

keyType
kind
label
lang
list
loop
low
manifest
marginHeight
marginWidth
max
maxLength
media
mediaGroup
menuAs

Render a custom menu in place of the normal one.

menuIconProps

The props for the icon shown when providing a menu dropdown.

menuProps

Props for button menu. Providing this will default to showing the menu icon. See menuIconProps for overriding how the default icon looks. Providing this in addition to onClick and setting the split property to true will render a SplitButton.

menuTriggerKeyCode

Provides a custom KeyCode that can be used to open the button menu. A value of null can be provided to disable opening the button menu with a key press.

method
min
minLength
multiple
muted
name
nonce
noValidate
onAbort
onAbortCapture
onAfterMenuDismiss

Callback that runs after Button's contextual menu was closed (removed from the DOM)

onAnimationEnd
onAnimationEndCapture
onAnimationIteration
onAnimationIterationCapture
onAnimationStart
onAnimationStartCapture
onAuxClick
onAuxClickCapture
onBeforeInput
onBeforeInputCapture
onBlur
onBlurCapture
onCanPlay
onCanPlayCapture
onCanPlayThrough
onCanPlayThroughCapture
onChange
onChangeCapture
onClick
onClickCapture
onCompositionEnd
onCompositionEndCapture
onCompositionStart
onCompositionStartCapture
onCompositionUpdate
onCompositionUpdateCapture
onContextMenu
onContextMenuCapture
onCopy
onCopyCapture
onCut
onCutCapture
onDoubleClick
onDoubleClickCapture
onDrag
onDragCapture
onDragEnd
onDragEndCapture
onDragEnter
onDragEnterCapture
onDragExit
onDragExitCapture
onDragLeave
onDragLeaveCapture
onDragOver
onDragOverCapture
onDragStart
onDragStartCapture
onDrop
onDropCapture
onDurationChange
onDurationChangeCapture
onEmptied
onEmptiedCapture
onEncrypted
onEncryptedCapture
onEnded
onEndedCapture
onError
onErrorCapture
onFocus
onFocusCapture
onGotPointerCapture
onGotPointerCaptureCapture
onInput
onInputCapture
onInvalid
onInvalidCapture
onKeyDown
onKeyDownCapture
onKeyPress
onKeyPressCapture
onKeyUp
onKeyUpCapture
onLoad
onLoadCapture
onLoadedData
onLoadedDataCapture
onLoadedMetadata
onLoadedMetadataCapture
onLoadStart
onLoadStartCapture
onLostPointerCapture
onLostPointerCaptureCapture
onMenuClick

Optional callback when menu is clicked.

onMouseDown
onMouseDownCapture
onMouseEnter
onMouseLeave
onMouseMove
onMouseMoveCapture
onMouseOut
onMouseOutCapture
onMouseOver
onMouseOverCapture
onMouseUp
onMouseUpCapture
onPaste
onPasteCapture
onPause
onPauseCapture
onPlay
onPlayCapture
onPlaying
onPlayingCapture
onPointerCancel
onPointerCancelCapture
onPointerDown
onPointerDownCapture
onPointerEnter
onPointerEnterCapture
onPointerLeave
onPointerLeaveCapture
onPointerMove
onPointerMoveCapture
onPointerOut
onPointerOutCapture
onPointerOver
onPointerOverCapture
onPointerUp
onPointerUpCapture
onProgress
onProgressCapture
onRateChange
onRateChangeCapture
onRenderAriaDescription

Custom render function for the aria description element.

onRenderChildren

Custom render function for rendering the button children.

onRenderDescription

Custom render function for the description text.

onRenderIcon

Custom render function for the icon

onRenderMenu
onRenderMenuIcon

Custom render function for button menu icon

onRenderText

Custom render function for the label text.

onReset
onResetCapture
onScroll
onScrollCapture
onSeeked
onSeekedCapture
onSeeking
onSeekingCapture
onSelect
onSelectCapture
onStalled
onStalledCapture
onSubmit
onSubmitCapture
onSuspend
onSuspendCapture
onTimeUpdate
onTimeUpdateCapture
onTouchCancel
onTouchCancelCapture
onTouchEnd
onTouchEndCapture
onTouchMove
onTouchMoveCapture
onTouchStart
onTouchStartCapture
onTransitionEnd
onTransitionEndCapture
onVolumeChange
onVolumeChangeCapture
onWaiting
onWaitingCapture
onWheel
onWheelCapture
open
optimum
pattern
persistMenu

Menu will not be created or destroyed when opened or closed, instead it will be hidden. This will improve perf of the menu opening but could potentially impact overall perf by having more elements in the dom. Should only be used when menu perf is important.

Note: This may increase the amount of time it takes for the button itself to mount.

placeholder
playsInline
poster
prefix
preload
primary

Changes the visual presentation of the button to be emphasized.

primaryActionButtonProps

Optional props to be applied only to the primary action button of SplitButton and not to the overall SplitButton container

primaryDisabled

If set to true and this is a split button (split is true), the split button's primary action is disabled.

property
radioGroup
readOnly
rel
renderPersistedMenuHiddenOnMount

If true, the persisted menu is rendered hidden when the button initially mounts. Non-persisted menus will not be in the component tree unless they are being shown.

Note: This increases the time the button will take to mount, but can improve perceived menu open perf. when the user opens the menu.

required
resource
results
rev
reversed
role
rootProps
rows
rowSpan
sandbox
scope
scoped
scrolling
seamless
secondaryText

Description of the action this button takes. Only used for compound buttons.

security
selected
shape
size
sizes
slot
span
spellCheck
split

If set to true, and if menuProps and onClick are provided, the button will render as a SplitButton.

splitButtonAriaLabel

Accessible label for the dropdown chevron button if this button is split.

splitButtonMenuProps

Experimental prop that get passed into the menuButton that's rendered as part of split button. Anything passed in will likely need to have accompanying style changes.

src
srcDoc
srcLang
srcSet
start
step
style
summary
suppressContentEditableWarning
suppressHydrationWarning
tabIndex
target
text

Text to render button label. If text is supplied, it will override any string in button children. Other children components will be passed through after the text.

theme

Theme provided by HOC.

title
toggle

Whether button is a toggle button with distinct on and off states. This should be true for buttons that permanently change state when a press event finishes, such as a volume mute button.

toggled
translate
type
typeof
uniqueId

Unique ID to identify the item. Typically a duplicate of key value.

unselectable
useMap
value
vocab
width
wmode
wrap

Property Details

labelKey

Key to use for the Label component

labelKey?: string

Property Value

string

onRenderOffIcon

Icon to render when the button is not checked.

onRenderOffIcon?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

onRenderOnIcon

Icon to render when the button is checked.

onRenderOnIcon?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

showLabel

Whether the label is displayed or not.

showLabel?: boolean

Property Value

boolean

strings

Optional strings to override in component.

strings?: ControlBarButtonStrings

Property Value

styles

Fluent styles, including extensions common to all ControlBarButtons.

styles?: IButtonStyles

Property Value

IButtonStyles

tooltipId

Id to use for the tooltip host.

tooltipId?: string

Property Value

string

Inherited Property Details

about

about?: string

Property Value

string

Inherited From IButtonProps.about

accept

accept?: string

Property Value

string

Inherited From IButtonProps.accept

acceptCharset

acceptCharset?: string

Property Value

string

Inherited From IButtonProps.acceptCharset

accessKey

accessKey?: string

Property Value

string

Inherited From IButtonProps.accessKey

action

action?: string

Property Value

string

Inherited From IButtonProps.action

allowDisabledFocus

Whether the button can have focus in disabled mode

allowDisabledFocus?: boolean

Property Value

boolean

Inherited From IButtonProps.allowDisabledFocus

allowFullScreen

allowFullScreen?: boolean

Property Value

boolean

Inherited From IButtonProps.allowFullScreen

allowTransparency

allowTransparency?: boolean

Property Value

boolean

Inherited From IButtonProps.allowTransparency

alt

alt?: string

Property Value

string

Inherited From IButtonProps.alt

aria-activedescendant

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

aria-activedescendant?: string

Property Value

string

Inherited From IButtonProps.aria-activedescendant

aria-atomic

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

Booleanish

Inherited From IButtonProps.aria-atomic

aria-autocomplete

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

"none" | "list" | "inline" | "both"

Inherited From IButtonProps.aria-autocomplete

aria-busy

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

Booleanish

Inherited From IButtonProps.aria-busy

aria-checked

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

boolean | "true" | "false" | "mixed"

Inherited From IButtonProps.aria-checked

aria-colcount

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

See aria-colindex.

aria-colcount?: number

Property Value

number

Inherited From IButtonProps.aria-colcount

aria-colindex

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

number

Inherited From IButtonProps.aria-colindex

aria-colspan

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

number

Inherited From IButtonProps.aria-colspan

aria-controls

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

See aria-owns.

aria-controls?: string

Property Value

string

Inherited From IButtonProps.aria-controls

aria-current

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

boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"

Inherited From IButtonProps.aria-current

aria-describedby

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

See aria-labelledby

aria-describedby?: string

Property Value

string

Inherited From IButtonProps.aria-describedby

aria-details

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

See aria-describedby.

aria-details?: string

Property Value

string

Inherited From IButtonProps.aria-details

aria-disabled

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

Booleanish

Inherited From IButtonProps.aria-disabled

aria-dropeffect

Warning

This API is now deprecated.

in ARIA 1.1

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

"none" | "link" | "copy" | "execute" | "move" | "popup"

Inherited From IButtonProps.aria-dropeffect

aria-errormessage

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

See aria-invalid See aria-describedby.

aria-errormessage?: string

Property Value

string

Inherited From IButtonProps.aria-errormessage

aria-expanded

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

aria-expanded?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-expanded

aria-flowto

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

string

Inherited From IButtonProps.aria-flowto

aria-grabbed

Warning

This API is now deprecated.

in ARIA 1.1

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

aria-grabbed?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-grabbed

aria-haspopup

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

boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"

Inherited From IButtonProps.aria-haspopup

aria-hidden

Indicates whether the element is exposed to an accessibility API.

See aria-disabled.

aria-hidden?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-hidden

aria-invalid

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

boolean | "true" | "false" | "grammar" | "spelling"

Inherited From IButtonProps.aria-invalid

aria-keyshortcuts

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

aria-keyshortcuts?: string

Property Value

string

Inherited From IButtonProps.aria-keyshortcuts

aria-label

Defines a string value that labels the current element.

See aria-labelledby.

aria-label?: string

Property Value

string

Inherited From IButtonProps.aria-label

aria-labelledby

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

See aria-describedby.

aria-labelledby?: string

Property Value

string

Inherited From IButtonProps.aria-labelledby

aria-level

Defines the hierarchical level of an element within a structure.

aria-level?: number

Property Value

number

Inherited From IButtonProps.aria-level

aria-live

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

"off" | "assertive" | "polite"

Inherited From IButtonProps.aria-live

aria-modal

Indicates whether an element is modal when displayed.

aria-modal?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-modal

aria-multiline

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

aria-multiline?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-multiline

aria-multiselectable

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

aria-multiselectable?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-multiselectable

aria-orientation

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

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

Property Value

"horizontal" | "vertical"

Inherited From IButtonProps.aria-orientation

aria-owns

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

string

Inherited From IButtonProps.aria-owns

aria-placeholder

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

string

Inherited From IButtonProps.aria-placeholder

aria-posinset

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

number

Inherited From IButtonProps.aria-posinset

aria-pressed

Indicates the current "pressed" state of toggle buttons.

See aria-checked See aria-selected.

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

Property Value

boolean | "true" | "false" | "mixed"

Inherited From IButtonProps.aria-pressed

aria-readonly

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

See aria-disabled.

aria-readonly?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-readonly

aria-relevant

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

"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"

Inherited From IButtonProps.aria-relevant

aria-required

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

aria-required?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-required

aria-roledescription

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

aria-roledescription?: string

Property Value

string

Inherited From IButtonProps.aria-roledescription

aria-rowcount

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

See aria-rowindex.

aria-rowcount?: number

Property Value

number

Inherited From IButtonProps.aria-rowcount

aria-rowindex

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

number

Inherited From IButtonProps.aria-rowindex

aria-rowspan

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

number

Inherited From IButtonProps.aria-rowspan

aria-selected

Indicates the current "selected" state of various widgets.

See aria-checked See aria-pressed.

aria-selected?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.aria-selected

aria-setsize

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

number

Inherited From IButtonProps.aria-setsize

aria-sort

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

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

Property Value

"none" | "ascending" | "descending" | "other"

Inherited From IButtonProps.aria-sort

aria-valuemax

Defines the maximum allowed value for a range widget.

aria-valuemax?: number

Property Value

number

Inherited From IButtonProps.aria-valuemax

aria-valuemin

Defines the minimum allowed value for a range widget.

aria-valuemin?: number

Property Value

number

Inherited From IButtonProps.aria-valuemin

aria-valuenow

Defines the current value for a range widget.

See aria-valuetext.

aria-valuenow?: number

Property Value

number

Inherited From IButtonProps.aria-valuenow

aria-valuetext

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

aria-valuetext?: string

Property Value

string

Inherited From IButtonProps.aria-valuetext

ariaDescription

Detailed description of the button for the benefit of screen readers.

Besides the compound button, other button types will need more information provided to screen reader.

ariaDescription?: string

Property Value

string

Inherited From IButtonProps.ariaDescription

ariaHidden

If true, add an aria-hidden attribute instructing screen readers to ignore the element.

ariaHidden?: boolean

Property Value

boolean

Inherited From IButtonProps.ariaHidden

ariaLabel

The aria label of the button for the benefit of screen readers.

ariaLabel?: string

Property Value

string

Inherited From IButtonProps.ariaLabel

as

as?: string

Property Value

string

Inherited From IButtonProps.as

async

async?: boolean

Property Value

boolean

Inherited From IButtonProps.async

autoCapitalize

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

Property Value

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

Inherited From IButtonProps.autoCapitalize

autoComplete

autoComplete?: string

Property Value

string

Inherited From IButtonProps.autoComplete

autoCorrect

autoCorrect?: string

Property Value

string

Inherited From IButtonProps.autoCorrect

autoFocus

autoFocus?: boolean

Property Value

boolean

Inherited From IButtonProps.autoFocus

autoPlay

autoPlay?: boolean

Property Value

boolean

Inherited From IButtonProps.autoPlay

autoSave

autoSave?: string

Property Value

string

Inherited From IButtonProps.autoSave

buttonType

Warning

This API is now deprecated.

Deprecated at v1.2.3, to be removed at >= v2.0.0. Use specific button component instead.

buttonType?: ButtonType

Property Value

ButtonType

Inherited From IButtonProps.buttonType

capture

capture?: boolean | "user" | "environment"

Property Value

boolean | "user" | "environment"

Inherited From IButtonProps.capture

cellPadding

cellPadding?: string | number

Property Value

string | number

Inherited From IButtonProps.cellPadding

cellSpacing

cellSpacing?: string | number

Property Value

string | number

Inherited From IButtonProps.cellSpacing

challenge

challenge?: string

Property Value

string

Inherited From IButtonProps.challenge

charSet

charSet?: string

Property Value

string

Inherited From IButtonProps.charSet

checked

Whether the button is checked. Should be used with the toggle attribute when creating a standalone on/off button.

checked?: boolean

Property Value

boolean

Inherited From IButtonProps.checked

children

children?: ReactNode

Property Value

ReactNode

Inherited From IButtonProps.children

cite

cite?: string

Property Value

string

Inherited From IButtonProps.cite

classID

classID?: string

Property Value

string

Inherited From IButtonProps.classID

className

If provided, additional class name to provide on the root element.

className?: string

Property Value

string

Inherited From IButtonProps.className

color

color?: string

Property Value

string

Inherited From IButtonProps.color

cols

cols?: number

Property Value

number

Inherited From IButtonProps.cols

colSpan

colSpan?: number

Property Value

number

Inherited From IButtonProps.colSpan

componentRef

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

componentRef?: IRefObject<IButton>

Property Value

IRefObject<IButton>

Inherited From IButtonProps.componentRef

content

content?: string

Property Value

string

Inherited From IButtonProps.content

contentEditable

contentEditable?: Booleanish | "inherit"

Property Value

Booleanish | "inherit"

Inherited From IButtonProps.contentEditable

contextMenu

contextMenu?: string

Property Value

string

Inherited From IButtonProps.contextMenu

controls

controls?: boolean

Property Value

boolean

Inherited From IButtonProps.controls

coords

coords?: string

Property Value

string

Inherited From IButtonProps.coords

crossOrigin

crossOrigin?: CrossOrigin

Property Value

CrossOrigin

Inherited From IButtonProps.crossOrigin

dangerouslySetInnerHTML

dangerouslySetInnerHTML?: { __html: string | TrustedHTML }

Property Value

{ __html: string | TrustedHTML }

Inherited From IButtonProps.dangerouslySetInnerHTML

data

Any custom data the developer wishes to associate with the button.

data?: any

Property Value

any

Inherited From IButtonProps.data

datatype

datatype?: string

Property Value

string

Inherited From IButtonProps.datatype

dateTime

dateTime?: string

Property Value

string

Inherited From IButtonProps.dateTime

default

default?: boolean

Property Value

boolean

Inherited From IButtonProps.default

defaultChecked

defaultChecked?: boolean

Property Value

boolean

Inherited From IButtonProps.defaultChecked

defaultRender

yet unknown docs

defaultRender?: any

Property Value

any

Inherited From IButtonProps.defaultRender

defaultValue

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

Property Value

string | number | (readonly string[])

Inherited From IButtonProps.defaultValue

defer

defer?: boolean

Property Value

boolean

Inherited From IButtonProps.defer

description

Warning

This API is now deprecated.

Use secondaryText instead.

Style for the description text if applicable (for compound buttons).

description?: string

Property Value

string

Inherited From IButtonProps.description

dir

dir?: string

Property Value

string

Inherited From IButtonProps.dir

disabled

Whether the button is disabled

disabled?: boolean

Property Value

boolean

Inherited From IButtonProps.disabled

download

download?: any

Property Value

any

Inherited From IButtonProps.download

draggable

draggable?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.draggable

elementRef

Warning

This API is now deprecated.

Temporary solution which will be replaced with ref in the V8 release.

Optional callback to access the root DOM element.

elementRef?: Ref<HTMLElement>

Property Value

Ref<HTMLElement>

Inherited From IButtonProps.elementRef

encType

encType?: string

Property Value

string

Inherited From IButtonProps.encType

enterKeyHint

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

Property Value

"enter" | "done" | "go" | "next" | "previous" | "search" | "send"

Inherited From IButtonProps.enterKeyHint

form

form?: string

Property Value

string

Inherited From IButtonProps.form

formAction

formAction?: string

Property Value

string

Inherited From IButtonProps.formAction

formEncType

formEncType?: string

Property Value

string

Inherited From IButtonProps.formEncType

formMethod

formMethod?: string

Property Value

string

Inherited From IButtonProps.formMethod

formNoValidate

formNoValidate?: boolean

Property Value

boolean

Inherited From IButtonProps.formNoValidate

formTarget

formTarget?: string

Property Value

string

Inherited From IButtonProps.formTarget

frameBorder

frameBorder?: string | number

Property Value

string | number

Inherited From IButtonProps.frameBorder

getClassNames

Method to provide the classnames to style a button. The default value for this prop is the getClassnames func defined in BaseButton.classnames.ts.

getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: undefined | string, menuIconClassName: undefined | string, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: undefined | boolean, allowDisabledFocus: boolean) => IButtonClassNames

Property Value

(theme: ITheme, className: string, variantClassName: string, iconClassName: undefined | string, menuIconClassName: undefined | string, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: undefined | boolean, allowDisabledFocus: boolean) => IButtonClassNames

Inherited From IButtonProps.getClassNames

getSplitButtonClassNames

Method to provide the classnames to style a button. The default value for this prop is the getClassnames func defined in BaseButton.classnames.ts.

getSplitButtonClassNames?: (disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames

Property Value

(disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames

Inherited From IButtonProps.getSplitButtonClassNames

headers

headers?: string

Property Value

string

Inherited From IButtonProps.headers

height

height?: string | number

Property Value

string | number

Inherited From IButtonProps.height

hidden

hidden?: boolean

Property Value

boolean

Inherited From IButtonProps.hidden

high

high?: number

Property Value

number

Inherited From IButtonProps.high

href

If provided, this component will be rendered as an anchor.

href?: string

Property Value

string

Inherited From IButtonProps.href

hrefLang

hrefLang?: string

Property Value

string

Inherited From IButtonProps.hrefLang

htmlFor

htmlFor?: string

Property Value

string

Inherited From IButtonProps.htmlFor

httpEquiv

httpEquiv?: string

Property Value

string

Inherited From IButtonProps.httpEquiv

iconProps

The props for the icon shown in the button.

iconProps?: IIconProps

Property Value

IIconProps

Inherited From IButtonProps.iconProps

id

id?: string

Property Value

string

Inherited From IButtonProps.id

inlist

inlist?: any

Property Value

any

Inherited From IButtonProps.inlist

inputMode

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

"none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"

Inherited From IButtonProps.inputMode

integrity

integrity?: string

Property Value

string

Inherited From IButtonProps.integrity

is

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

string

Inherited From IButtonProps.is

itemID

itemID?: string

Property Value

string

Inherited From IButtonProps.itemID

itemProp

itemProp?: string

Property Value

string

Inherited From IButtonProps.itemProp

itemRef

itemRef?: string

Property Value

string

Inherited From IButtonProps.itemRef

itemScope

itemScope?: boolean

Property Value

boolean

Inherited From IButtonProps.itemScope

itemType

itemType?: string

Property Value

string

Inherited From IButtonProps.itemType

keyParams

keyParams?: string

Property Value

string

Inherited From IButtonProps.keyParams

keytipProps

Optional keytip for this button

keytipProps?: IKeytipProps

Property Value

IKeytipProps

Inherited From IButtonProps.keytipProps

keyType

keyType?: string

Property Value

string

Inherited From IButtonProps.keyType

kind

kind?: string

Property Value

string

Inherited From IButtonProps.kind

label

label?: string

Property Value

string

Inherited From IButtonProps.label

lang

lang?: string

Property Value

string

Inherited From IButtonProps.lang

list

list?: string

Property Value

string

Inherited From IButtonProps.list

loop

loop?: boolean

Property Value

boolean

Inherited From IButtonProps.loop

low

low?: number

Property Value

number

Inherited From IButtonProps.low

manifest

manifest?: string

Property Value

string

Inherited From IButtonProps.manifest

marginHeight

marginHeight?: number

Property Value

number

Inherited From IButtonProps.marginHeight

marginWidth

marginWidth?: number

Property Value

number

Inherited From IButtonProps.marginWidth

max

max?: string | number

Property Value

string | number

Inherited From IButtonProps.max

maxLength

maxLength?: number

Property Value

number

Inherited From IButtonProps.maxLength

media

media?: string

Property Value

string

Inherited From IButtonProps.media

mediaGroup

mediaGroup?: string

Property Value

string

Inherited From IButtonProps.mediaGroup

menuAs

Render a custom menu in place of the normal one.

menuAs?: IComponentAs<IContextualMenuProps>

Property Value

IComponentAs<IContextualMenuProps>

Inherited From IButtonProps.menuAs

menuIconProps

The props for the icon shown when providing a menu dropdown.

menuIconProps?: IIconProps

Property Value

IIconProps

Inherited From IButtonProps.menuIconProps

menuProps

Props for button menu. Providing this will default to showing the menu icon. See menuIconProps for overriding how the default icon looks. Providing this in addition to onClick and setting the split property to true will render a SplitButton.

menuProps?: IContextualMenuProps

Property Value

IContextualMenuProps

Inherited From IButtonProps.menuProps

menuTriggerKeyCode

Provides a custom KeyCode that can be used to open the button menu. A value of null can be provided to disable opening the button menu with a key press.

menuTriggerKeyCode?: null | number

Property Value

null | number

Inherited From IButtonProps.menuTriggerKeyCode

method

method?: string

Property Value

string

Inherited From IButtonProps.method

min

min?: string | number

Property Value

string | number

Inherited From IButtonProps.min

minLength

minLength?: number

Property Value

number

Inherited From IButtonProps.minLength

multiple

multiple?: boolean

Property Value

boolean

Inherited From IButtonProps.multiple

muted

muted?: boolean

Property Value

boolean

Inherited From IButtonProps.muted

name

name?: string

Property Value

string

Inherited From IButtonProps.name

nonce

nonce?: string

Property Value

string

Inherited From IButtonProps.nonce

noValidate

noValidate?: boolean

Property Value

boolean

Inherited From IButtonProps.noValidate

onAbort

onAbort?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAbort

onAbortCapture

onAbortCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAbortCapture

onAfterMenuDismiss

Callback that runs after Button's contextual menu was closed (removed from the DOM)

onAfterMenuDismiss?: () => void

Property Value

() => void

Inherited From IButtonProps.onAfterMenuDismiss

onAnimationEnd

onAnimationEnd?: AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAnimationEnd

onAnimationEndCapture

onAnimationEndCapture?: AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAnimationEndCapture

onAnimationIteration

onAnimationIteration?: AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAnimationIteration

onAnimationIterationCapture

onAnimationIterationCapture?: AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAnimationIterationCapture

onAnimationStart

onAnimationStart?: AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAnimationStart

onAnimationStartCapture

onAnimationStartCapture?: AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

AnimationEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAnimationStartCapture

onAuxClick

onAuxClick?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAuxClick

onAuxClickCapture

onAuxClickCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onAuxClickCapture

onBeforeInput

onBeforeInput?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onBeforeInput

onBeforeInputCapture

onBeforeInputCapture?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onBeforeInputCapture

onBlur

onBlur?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onBlur

onBlurCapture

onBlurCapture?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onBlurCapture

onCanPlay

onCanPlay?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCanPlay

onCanPlayCapture

onCanPlayCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCanPlayCapture

onCanPlayThrough

onCanPlayThrough?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCanPlayThrough

onCanPlayThroughCapture

onCanPlayThroughCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCanPlayThroughCapture

onChange

onChange?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onChange

onChangeCapture

onChangeCapture?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onChangeCapture

onClick

onClick?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onClick

onClickCapture

onClickCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onClickCapture

onCompositionEnd

onCompositionEnd?: CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCompositionEnd

onCompositionEndCapture

onCompositionEndCapture?: CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCompositionEndCapture

onCompositionStart

onCompositionStart?: CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCompositionStart

onCompositionStartCapture

onCompositionStartCapture?: CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCompositionStartCapture

onCompositionUpdate

onCompositionUpdate?: CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCompositionUpdate

onCompositionUpdateCapture

onCompositionUpdateCapture?: CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

CompositionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCompositionUpdateCapture

onContextMenu

onContextMenu?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onContextMenu

onContextMenuCapture

onContextMenuCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onContextMenuCapture

onCopy

onCopy?: ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCopy

onCopyCapture

onCopyCapture?: ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCopyCapture

onCut

onCut?: ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCut

onCutCapture

onCutCapture?: ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onCutCapture

onDoubleClick

onDoubleClick?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDoubleClick

onDoubleClickCapture

onDoubleClickCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDoubleClickCapture

onDrag

onDrag?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDrag

onDragCapture

onDragCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragCapture

onDragEnd

onDragEnd?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragEnd

onDragEndCapture

onDragEndCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragEndCapture

onDragEnter

onDragEnter?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragEnter

onDragEnterCapture

onDragEnterCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragEnterCapture

onDragExit

onDragExit?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragExit

onDragExitCapture

onDragExitCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragExitCapture

onDragLeave

onDragLeave?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragLeave

onDragLeaveCapture

onDragLeaveCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragLeaveCapture

onDragOver

onDragOver?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragOver

onDragOverCapture

onDragOverCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragOverCapture

onDragStart

onDragStart?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragStart

onDragStartCapture

onDragStartCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDragStartCapture

onDrop

onDrop?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDrop

onDropCapture

onDropCapture?: DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

DragEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDropCapture

onDurationChange

onDurationChange?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDurationChange

onDurationChangeCapture

onDurationChangeCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onDurationChangeCapture

onEmptied

onEmptied?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onEmptied

onEmptiedCapture

onEmptiedCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onEmptiedCapture

onEncrypted

onEncrypted?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onEncrypted

onEncryptedCapture

onEncryptedCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onEncryptedCapture

onEnded

onEnded?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onEnded

onEndedCapture

onEndedCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onEndedCapture

onError

onError?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onError

onErrorCapture

onErrorCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onErrorCapture

onFocus

onFocus?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onFocus

onFocusCapture

onFocusCapture?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onFocusCapture

onGotPointerCapture

onGotPointerCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onGotPointerCapture

onGotPointerCaptureCapture

onGotPointerCaptureCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onGotPointerCaptureCapture

onInput

onInput?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onInput

onInputCapture

onInputCapture?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onInputCapture

onInvalid

onInvalid?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onInvalid

onInvalidCapture

onInvalidCapture?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onInvalidCapture

onKeyDown

onKeyDown?: KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onKeyDown

onKeyDownCapture

onKeyDownCapture?: KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onKeyDownCapture

onKeyPress

Warning

This API is now deprecated.

onKeyPress?: KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onKeyPress

onKeyPressCapture

Warning

This API is now deprecated.

onKeyPressCapture?: KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onKeyPressCapture

onKeyUp

onKeyUp?: KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onKeyUp

onKeyUpCapture

onKeyUpCapture?: KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

KeyboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onKeyUpCapture

onLoad

onLoad?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoad

onLoadCapture

onLoadCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadCapture

onLoadedData

onLoadedData?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadedData

onLoadedDataCapture

onLoadedDataCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadedDataCapture

onLoadedMetadata

onLoadedMetadata?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadedMetadata

onLoadedMetadataCapture

onLoadedMetadataCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadedMetadataCapture

onLoadStart

onLoadStart?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadStart

onLoadStartCapture

onLoadStartCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLoadStartCapture

onLostPointerCapture

onLostPointerCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLostPointerCapture

onLostPointerCaptureCapture

onLostPointerCaptureCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onLostPointerCaptureCapture

onMenuClick

Optional callback when menu is clicked.

onMenuClick?: (ev?: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>, button?: IButtonProps) => void

Property Value

(ev?: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>, button?: IButtonProps) => void

Inherited From IButtonProps.onMenuClick

onMouseDown

onMouseDown?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseDown

onMouseDownCapture

onMouseDownCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseDownCapture

onMouseEnter

onMouseEnter?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseEnter

onMouseLeave

onMouseLeave?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseLeave

onMouseMove

onMouseMove?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseMove

onMouseMoveCapture

onMouseMoveCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseMoveCapture

onMouseOut

onMouseOut?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseOut

onMouseOutCapture

onMouseOutCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseOutCapture

onMouseOver

onMouseOver?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseOver

onMouseOverCapture

onMouseOverCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseOverCapture

onMouseUp

onMouseUp?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseUp

onMouseUpCapture

onMouseUpCapture?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

MouseEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onMouseUpCapture

onPaste

onPaste?: ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPaste

onPasteCapture

onPasteCapture?: ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ClipboardEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPasteCapture

onPause

onPause?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPause

onPauseCapture

onPauseCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPauseCapture

onPlay

onPlay?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPlay

onPlayCapture

onPlayCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPlayCapture

onPlaying

onPlaying?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPlaying

onPlayingCapture

onPlayingCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPlayingCapture

onPointerCancel

onPointerCancel?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerCancel

onPointerCancelCapture

onPointerCancelCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerCancelCapture

onPointerDown

onPointerDown?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerDown

onPointerDownCapture

onPointerDownCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerDownCapture

onPointerEnter

onPointerEnter?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerEnter

onPointerEnterCapture

Warning

This API is now deprecated.

This event handler was always ignored by React. It was added by mistake to the types.

onPointerEnterCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerEnterCapture

onPointerLeave

onPointerLeave?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerLeave

onPointerLeaveCapture

Warning

This API is now deprecated.

This event handler was always ignored by React. It was added by mistake to the types.

onPointerLeaveCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerLeaveCapture

onPointerMove

onPointerMove?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerMove

onPointerMoveCapture

onPointerMoveCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerMoveCapture

onPointerOut

onPointerOut?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerOut

onPointerOutCapture

onPointerOutCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerOutCapture

onPointerOver

onPointerOver?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerOver

onPointerOverCapture

onPointerOverCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerOverCapture

onPointerUp

onPointerUp?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerUp

onPointerUpCapture

onPointerUpCapture?: PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

PointerEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onPointerUpCapture

onProgress

onProgress?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onProgress

onProgressCapture

onProgressCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onProgressCapture

onRateChange

onRateChange?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onRateChange

onRateChangeCapture

onRateChangeCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onRateChangeCapture

onRenderAriaDescription

Custom render function for the aria description element.

onRenderAriaDescription?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

Inherited From IButtonProps.onRenderAriaDescription

onRenderChildren

Custom render function for rendering the button children.

onRenderChildren?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

Inherited From IButtonProps.onRenderChildren

onRenderDescription

Custom render function for the description text.

onRenderDescription?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

Inherited From IButtonProps.onRenderDescription

onRenderIcon

Custom render function for the icon

onRenderIcon?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

Inherited From IButtonProps.onRenderIcon

onRenderMenu

Warning

This API is now deprecated.

Deprecated at v6.3.2, to be removed at >= v7.0.0. Use menuAs instead.

onRenderMenu?: IRenderFunction<IContextualMenuProps>

Property Value

IRenderFunction<IContextualMenuProps>

Inherited From IButtonProps.onRenderMenu

onRenderMenuIcon

Custom render function for button menu icon

onRenderMenuIcon?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

Inherited From IButtonProps.onRenderMenuIcon

onRenderText

Custom render function for the label text.

onRenderText?: IRenderFunction<IButtonProps>

Property Value

IRenderFunction<IButtonProps>

Inherited From IButtonProps.onRenderText

onReset

onReset?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onReset

onResetCapture

onResetCapture?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onResetCapture

onScroll

onScroll?: UIEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

UIEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onScroll

onScrollCapture

onScrollCapture?: UIEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

UIEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onScrollCapture

onSeeked

onSeeked?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSeeked

onSeekedCapture

onSeekedCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSeekedCapture

onSeeking

onSeeking?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSeeking

onSeekingCapture

onSeekingCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSeekingCapture

onSelect

onSelect?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSelect

onSelectCapture

onSelectCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSelectCapture

onStalled

onStalled?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onStalled

onStalledCapture

onStalledCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onStalledCapture

onSubmit

onSubmit?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSubmit

onSubmitCapture

onSubmitCapture?: FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSubmitCapture

onSuspend

onSuspend?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSuspend

onSuspendCapture

onSuspendCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onSuspendCapture

onTimeUpdate

onTimeUpdate?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTimeUpdate

onTimeUpdateCapture

onTimeUpdateCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTimeUpdateCapture

onTouchCancel

onTouchCancel?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchCancel

onTouchCancelCapture

onTouchCancelCapture?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchCancelCapture

onTouchEnd

onTouchEnd?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchEnd

onTouchEndCapture

onTouchEndCapture?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchEndCapture

onTouchMove

onTouchMove?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchMove

onTouchMoveCapture

onTouchMoveCapture?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchMoveCapture

onTouchStart

onTouchStart?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchStart

onTouchStartCapture

onTouchStartCapture?: TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TouchEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTouchStartCapture

onTransitionEnd

onTransitionEnd?: TransitionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TransitionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTransitionEnd

onTransitionEndCapture

onTransitionEndCapture?: TransitionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

TransitionEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onTransitionEndCapture

onVolumeChange

onVolumeChange?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onVolumeChange

onVolumeChangeCapture

onVolumeChangeCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onVolumeChangeCapture

onWaiting

onWaiting?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onWaiting

onWaitingCapture

onWaitingCapture?: ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onWaitingCapture

onWheel

onWheel?: WheelEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

WheelEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onWheel

onWheelCapture

onWheelCapture?: WheelEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Property Value

WheelEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement>

Inherited From IButtonProps.onWheelCapture

open

open?: boolean

Property Value

boolean

Inherited From IButtonProps.open

optimum

optimum?: number

Property Value

number

Inherited From IButtonProps.optimum

pattern

pattern?: string

Property Value

string

Inherited From IButtonProps.pattern

persistMenu

Menu will not be created or destroyed when opened or closed, instead it will be hidden. This will improve perf of the menu opening but could potentially impact overall perf by having more elements in the dom. Should only be used when menu perf is important.

Note: This may increase the amount of time it takes for the button itself to mount.

persistMenu?: boolean

Property Value

boolean

Inherited From IButtonProps.persistMenu

placeholder

placeholder?: string

Property Value

string

Inherited From IButtonProps.placeholder

playsInline

playsInline?: boolean

Property Value

boolean

Inherited From IButtonProps.playsInline

poster

poster?: string

Property Value

string

Inherited From IButtonProps.poster

prefix

prefix?: string

Property Value

string

Inherited From IButtonProps.prefix

preload

preload?: string

Property Value

string

Inherited From IButtonProps.preload

primary

Changes the visual presentation of the button to be emphasized.

primary?: boolean

Property Value

boolean

Inherited From IButtonProps.primary

primaryActionButtonProps

Optional props to be applied only to the primary action button of SplitButton and not to the overall SplitButton container

primaryActionButtonProps?: IButtonProps

Property Value

IButtonProps

Inherited From IButtonProps.primaryActionButtonProps

primaryDisabled

If set to true and this is a split button (split is true), the split button's primary action is disabled.

primaryDisabled?: boolean

Property Value

boolean

Inherited From IButtonProps.primaryDisabled

property

property?: string

Property Value

string

Inherited From IButtonProps.property

radioGroup

radioGroup?: string

Property Value

string

Inherited From IButtonProps.radioGroup

readOnly

readOnly?: boolean

Property Value

boolean

Inherited From IButtonProps.readOnly

rel

rel?: string

Property Value

string

Inherited From IButtonProps.rel

renderPersistedMenuHiddenOnMount

Warning

This API is now deprecated.

There is known bug in Edge when this prop is true where scrollbars overlap with the content when a menu is first rendered hidden. Please do not start using this. If you are already using this, please make sure that you are doing so only in non-Edge browsers. See: https://github.com/microsoft/fluentui/issues/9034

If true, the persisted menu is rendered hidden when the button initially mounts. Non-persisted menus will not be in the component tree unless they are being shown.

Note: This increases the time the button will take to mount, but can improve perceived menu open perf. when the user opens the menu.

renderPersistedMenuHiddenOnMount?: boolean

Property Value

boolean

Inherited From IButtonProps.renderPersistedMenuHiddenOnMount

required

required?: boolean

Property Value

boolean

Inherited From IButtonProps.required

resource

resource?: string

Property Value

string

Inherited From IButtonProps.resource

results

results?: number

Property Value

number

Inherited From IButtonProps.results

rev

rev?: string

Property Value

string

Inherited From IButtonProps.rev

reversed

reversed?: boolean

Property Value

boolean

Inherited From IButtonProps.reversed

role

role?: AriaRole

Property Value

AriaRole

Inherited From IButtonProps.role

rootProps

Warning

This API is now deprecated.

Deprecated at v0.56.2, to be removed at >= v1.0.0. Use native props on the Button itself instead. They will be mixed into the button/anchor element rendered by the component.

rootProps?: ButtonHTMLAttributes<HTMLButtonElement> | AnchorHTMLAttributes<HTMLAnchorElement>

Property Value

ButtonHTMLAttributes<HTMLButtonElement> | AnchorHTMLAttributes<HTMLAnchorElement>

Inherited From IButtonProps.rootProps

rows

rows?: number

Property Value

number

Inherited From IButtonProps.rows

rowSpan

rowSpan?: number

Property Value

number

Inherited From IButtonProps.rowSpan

sandbox

sandbox?: string

Property Value

string

Inherited From IButtonProps.sandbox

scope

scope?: string

Property Value

string

Inherited From IButtonProps.scope

scoped

scoped?: boolean

Property Value

boolean

Inherited From IButtonProps.scoped

scrolling

scrolling?: string

Property Value

string

Inherited From IButtonProps.scrolling

seamless

seamless?: boolean

Property Value

boolean

Inherited From IButtonProps.seamless

secondaryText

Description of the action this button takes. Only used for compound buttons.

secondaryText?: string

Property Value

string

Inherited From IButtonProps.secondaryText

security

security?: string

Property Value

string

Inherited From IButtonProps.security

selected

selected?: boolean

Property Value

boolean

Inherited From IButtonProps.selected

shape

shape?: string

Property Value

string

Inherited From IButtonProps.shape

size

size?: number

Property Value

number

Inherited From IButtonProps.size

sizes

sizes?: string

Property Value

string

Inherited From IButtonProps.sizes

slot

slot?: string

Property Value

string

Inherited From IButtonProps.slot

span

span?: number

Property Value

number

Inherited From IButtonProps.span

spellCheck

spellCheck?: Booleanish

Property Value

Booleanish

Inherited From IButtonProps.spellCheck

split

If set to true, and if menuProps and onClick are provided, the button will render as a SplitButton.

split?: boolean

Property Value

boolean

Inherited From IButtonProps.split

splitButtonAriaLabel

Accessible label for the dropdown chevron button if this button is split.

splitButtonAriaLabel?: string

Property Value

string

Inherited From IButtonProps.splitButtonAriaLabel

splitButtonMenuProps

Experimental prop that get passed into the menuButton that's rendered as part of split button. Anything passed in will likely need to have accompanying style changes.

splitButtonMenuProps?: IButtonProps

Property Value

IButtonProps

Inherited From IButtonProps.splitButtonMenuProps

src

src?: string

Property Value

string

Inherited From IButtonProps.src

srcDoc

srcDoc?: string

Property Value

string

Inherited From IButtonProps.srcDoc

srcLang

srcLang?: string

Property Value

string

Inherited From IButtonProps.srcLang

srcSet

srcSet?: string

Property Value

string

Inherited From IButtonProps.srcSet

start

start?: number

Property Value

number

Inherited From IButtonProps.start

step

step?: string | number

Property Value

string | number

Inherited From IButtonProps.step

style

style?: CSSProperties

Property Value

CSSProperties

Inherited From IButtonProps.style

summary

summary?: string

Property Value

string

Inherited From IButtonProps.summary

suppressContentEditableWarning

suppressContentEditableWarning?: boolean

Property Value

boolean

Inherited From IButtonProps.suppressContentEditableWarning

suppressHydrationWarning

suppressHydrationWarning?: boolean

Property Value

boolean

Inherited From IButtonProps.suppressHydrationWarning

tabIndex

tabIndex?: number

Property Value

number

Inherited From IButtonProps.tabIndex

target

target?: string

Property Value

string

Inherited From IButtonProps.target

text

Text to render button label. If text is supplied, it will override any string in button children. Other children components will be passed through after the text.

text?: string

Property Value

string

Inherited From IButtonProps.text

theme

Theme provided by HOC.

theme?: ITheme

Property Value

ITheme

Inherited From IButtonProps.theme

title

title?: string

Property Value

string

Inherited From IButtonProps.title

toggle

Whether button is a toggle button with distinct on and off states. This should be true for buttons that permanently change state when a press event finishes, such as a volume mute button.

toggle?: boolean

Property Value

boolean

Inherited From IButtonProps.toggle

toggled

Warning

This API is now deprecated.

No longer used. Use checked if setting state.

toggled?: boolean

Property Value

boolean

Inherited From IButtonProps.toggled

translate

translate?: "yes" | "no"

Property Value

"yes" | "no"

Inherited From IButtonProps.translate

type

type?: string

Property Value

string

Inherited From IButtonProps.type

typeof

typeof?: string

Property Value

string

Inherited From IButtonProps.typeof

uniqueId

Unique ID to identify the item. Typically a duplicate of key value.

uniqueId?: string | number

Property Value

string | number

Inherited From IButtonProps.uniqueId

unselectable

unselectable?: "off" | "on"

Property Value

"off" | "on"

Inherited From IButtonProps.unselectable

useMap

useMap?: string

Property Value

string

Inherited From IButtonProps.useMap

value

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

Property Value

string | number | (readonly string[])

Inherited From IButtonProps.value

vocab

vocab?: string

Property Value

string

Inherited From IButtonProps.vocab

width

width?: string | number

Property Value

string | number

Inherited From IButtonProps.width

wmode

wmode?: string

Property Value

string

Inherited From IButtonProps.wmode

wrap

wrap?: string

Property Value

string

Inherited From IButtonProps.wrap