ControlBarButtonProps interface
Props for ControlBarButton.
- Extends
-
IButtonProps
Properties
label |
Key to use for the Label component |
on |
Icon to render when the button is not checked. |
on |
Icon to render when the button is checked. |
show |
Whether the label is displayed or not. |
strings | Optional strings to override in component. |
styles | Fluent styles, including extensions common to all ControlBarButtons. |
tooltip |
Id to use for the tooltip host. |
Inherited Properties
about | |
accept | |
accept |
|
access |
|
action | |
allow |
Whether the button can have focus in disabled mode |
allow |
|
allow |
|
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. |
aria |
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. |
aria |
If true, add an |
aria |
The aria label of the button for the benefit of screen readers. |
as | |
async | |
auto |
|
auto |
|
auto |
|
auto |
|
auto |
|
auto |
|
button |
|
capture | |
cell |
|
cell |
|
challenge | |
char |
|
checked | Whether the button is checked. Should be used with the |
children | |
cite | |
classID | |
class |
If provided, additional class name to provide on the root element. |
color | |
cols | |
col |
|
component |
Optional callback to access the |
content | |
content |
|
context |
|
controls | |
coords | |
cross |
|
dangerously |
|
data | Any custom data the developer wishes to associate with the button. |
datatype | |
date |
|
default | |
default |
|
default |
yet unknown docs |
default |
|
defer | |
description | Style for the description text if applicable (for compound buttons). |
dir | |
disabled | Whether the button is disabled |
download | |
draggable | |
element |
Optional callback to access the root DOM element. |
enc |
|
enter |
|
form | |
form |
|
form |
|
form |
|
form |
|
form |
|
frame |
|
get |
Method to provide the classnames to style a button.
The default value for this prop is the |
get |
Method to provide the classnames to style a button.
The default value for this prop is the |
headers | |
height | |
hidden | |
high | |
href | If provided, this component will be rendered as an anchor. |
href |
|
html |
|
http |
|
icon |
The props for the icon shown in the button. |
id | |
inlist | |
input |
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 | |
item |
|
item |
|
item |
|
item |
|
key |
|
keytip |
Optional keytip for this button |
key |
|
kind | |
label | |
lang | |
list | |
loop | |
low | |
manifest | |
margin |
|
margin |
|
max | |
max |
|
media | |
media |
|
menu |
Render a custom menu in place of the normal one. |
menu |
The props for the icon shown when providing a menu dropdown. |
menu |
Props for button menu. Providing this will default to showing the menu icon. See |
menu |
Provides a custom KeyCode that can be used to open the button menu.
A value of |
method | |
min | |
min |
|
multiple | |
muted | |
name | |
nonce | |
no |
|
on |
|
on |
|
on |
Callback that runs after Button's contextual menu was closed (removed from the DOM) |
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
Optional callback when menu is clicked. |
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
Custom render function for the aria description element. |
on |
Custom render function for rendering the button children. |
on |
Custom render function for the description text. |
on |
Custom render function for the icon |
on |
|
on |
Custom render function for button menu icon |
on |
Custom render function for the label text. |
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
on |
|
open | |
optimum | |
pattern | |
persist |
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 | |
plays |
|
poster | |
prefix | |
preload | |
primary | Changes the visual presentation of the button to be emphasized. |
primary |
Optional props to be applied only to the primary action button of SplitButton and not to the overall SplitButton container |
primary |
If set to true and this is a split button ( |
property | |
radio |
|
read |
|
rel | |
render |
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 | |
root |
|
rows | |
row |
|
sandbox | |
scope | |
scoped | |
scrolling | |
seamless | |
secondary |
Description of the action this button takes. Only used for compound buttons. |
security | |
selected | |
shape | |
size | |
sizes | |
slot | |
span | |
spell |
|
split | If set to true, and if |
split |
Accessible label for the dropdown chevron button if this button is split. |
split |
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 | |
src |
|
src |
|
src |
|
start | |
step | |
style | |
summary | |
suppress |
|
suppress |
|
tab |
|
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 | |
unique |
Unique ID to identify the item. Typically a duplicate of key value. |
unselectable | |
use |
|
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