yarn add @twilio-paste/callout - or - yarn add @twilio-paste/core
import {Callout, CalloutHeading, CalloutText} from '@twilio-paste/core/callout';
const ExampleCallout = () => (
<Callout variant="neutral">
<CalloutHeading as="h2">Heads up!</CalloutHeading>
<CalloutText>This is some information you need to know.</CalloutText>
</Callout>
);
variant RequiredRequired
- Type
CalloutVariants- Default
null
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
string- Default
'CALLOUT'
i18nDismissLabel
Title for dismiss label. Only necessary when using onDismiss.
- Type
string- Default
'Dismiss callout'
i18nLabel
Accessible label for the Callout icon.
- Type
string- Default
'(neutral)' | '(warning)' | '(error)' | '(success)' | '(new)'
marginY
- Type
"space0" | "space10" | "space20" | "space30" | "space40" | "space50" | "space60" | "space70" | "space80" | "space90" | "space100" | "space110" | "space120" | "space130" | "space140" | ... 39 more ... | "auto"- Default
null
onDismiss
Function to run on dismiss of the Callout. Adds a close button.
- Type
() => void- Default
null
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
about
- Type
string
accessKey
- Type
string
aria-activedescendant
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
- Type
string
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.
- Type
Booleanish
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.
- Type
"none" | "list" | "inline" | "both"
aria-braillelabel
Defines a string value that labels the current element, which is intended to be converted into Braille.
- Type
string
aria-brailleroledescription
Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
- Type
string
aria-busy
- Type
Booleanish
aria-checked
Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
- Type
boolean | "true" | "false" | "mixed"
aria-colcount
Defines the total number of columns in a table, grid, or treegrid.
- Type
number
aria-colindex
Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
- Type
number
aria-colindextext
Defines a human readable text alternative of aria-colindex.
- Type
string
aria-colspan
Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-controls
Identifies the element (or elements) whose contents or presence are controlled by the current element.
- Type
string
aria-current
Indicates the element that represents the current item within a container or set of related elements.
- Type
| boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"
aria-describedby
Identifies the element (or elements) that describes the object.
- Type
string
aria-description
Defines a string value that describes or annotates the current element.
- Type
string
aria-details
Identifies the element that provides a detailed, extended description for the object.
- Type
string
aria-disabled
Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
- Type
Booleanish
aria-dropeffect
Indicates what functions can be performed when a dragged object is released on the drop target.
- Type
"link" | "none" | "copy" | "execute" | "move" | "popup"
aria-errormessage
Identifies the element that provides an error message for the object.
- Type
string
aria-expanded
Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
- Type
Booleanish
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.
- Type
string
aria-grabbed
Indicates an element's "grabbed" state in a drag-and-drop operation.
- Type
Booleanish
aria-haspopup
Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
- Type
| boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"
aria-hidden
Indicates whether the element is exposed to an accessibility API.
- Type
Booleanish
aria-invalid
Indicates the entered value does not conform to the format expected by the application.
- Type
boolean | "true" | "false" | "grammar" | "spelling"
aria-keyshortcuts
Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
- Type
string
aria-label
Defines a string value that labels the current element.
- Type
string
aria-labelledby
Identifies the element (or elements) that labels the current element.
- Type
string
aria-level
Defines the hierarchical level of an element within a structure.
- Type
number
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.
- Type
"off" | "assertive" | "polite"
aria-modal
Indicates whether an element is modal when displayed.
- Type
Booleanish
aria-multiline
Indicates whether a text box accepts multiple lines of input or only a single line.
- Type
Booleanish
aria-multiselectable
Indicates that the user may select more than one item from the current selectable descendants.
- Type
Booleanish
aria-orientation
Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
- Type
"horizontal" | "vertical"
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.
- Type
string
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.
- Type
string
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.
- Type
number
aria-pressed
Indicates the current "pressed" state of toggle buttons.
- Type
boolean | "true" | "false" | "mixed"
aria-readonly
Indicates that the element is not editable, but is otherwise operable.
- Type
Booleanish
aria-relevant
Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
- Type
| "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"
aria-required
Indicates that user input is required on the element before a form may be submitted.
- Type
Booleanish
aria-roledescription
Defines a human-readable, author-localized description for the role of an element.
- Type
string
aria-rowcount
Defines the total number of rows in a table, grid, or treegrid.
- Type
number
aria-rowindex
Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
- Type
number
aria-rowindextext
Defines a human readable text alternative of aria-rowindex.
- Type
string
aria-rowspan
Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-selected
Indicates the current "selected" state of various widgets.
- Type
Booleanish
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.
- Type
number
aria-sort
Indicates if items in a table or grid are sorted in ascending or descending order.
- Type
"none" | "ascending" | "descending" | "other"
aria-valuemax
Defines the maximum allowed value for a range widget.
- Type
number
aria-valuemin
Defines the minimum allowed value for a range widget.
- Type
number
aria-valuenow
Defines the current value for a range widget.
- Type
number
aria-valuetext
Defines the human readable text alternative of aria-valuenow for a range widget.
- Type
string
autoCapitalize
- Type
| "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})
autoCorrect
- Type
string
autoFocus
- Type
boolean
autoSave
- Type
string
content
- Type
string
contentEditable
- Type
Booleanish | "inherit" | "plaintext-only"
contextMenu
- Type
string
dangerouslySetInnerHTML
- Type
{ __html: string | TrustedHTML }
datatype
- Type
string
defaultChecked
- Type
boolean
defaultValue
- Type
string | number | readonly string[]
dir
- Type
string
draggable
- Type
Booleanish
enterKeyHint
- Type
| "search" | "enter" | "done" | "go" | "next" | "previous" | "send"
hidden
- Type
boolean
id
- Type
string
inert
- Type
boolean
inlist
- Type
any
inputMode
Hints at the type of data that might be entered by the user while editing the element or its contents
- Type
| "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
is
Specify that a standard HTML element should behave like a defined custom built-in element
- Type
string
itemID
- Type
string
itemProp
- Type
string
itemRef
- Type
string
itemScope
- Type
boolean
itemType
- Type
string
key
- Type
Key
lang
- Type
string
nonce
- Type
string
onAbort
- Type
ReactEventHandler<HTMLDivElement>
onAbortCapture
- Type
ReactEventHandler<HTMLDivElement>
onAnimationEnd
- Type
AnimationEventHandler<HTMLDivElement>
onAnimationEndCapture
- Type
AnimationEventHandler<HTMLDivElement>
onAnimationIteration
- Type
AnimationEventHandler<HTMLDivElement>
onAnimationIterationCapture
- Type
AnimationEventHandler<HTMLDivElement>
onAnimationStart
- Type
AnimationEventHandler<HTMLDivElement>
onAnimationStartCapture
- Type
AnimationEventHandler<HTMLDivElement>
onAuxClick
- Type
MouseEventHandler<HTMLDivElement>
onAuxClickCapture
- Type
MouseEventHandler<HTMLDivElement>
onBeforeInput
- Type
FormEventHandler<HTMLDivElement>
onBeforeInputCapture
- Type
FormEventHandler<HTMLDivElement>
onBeforeToggle
- Type
ToggleEventHandler<HTMLDivElement>
onBlur
- Type
FocusEventHandler<HTMLDivElement>
onBlurCapture
- Type
FocusEventHandler<HTMLDivElement>
onCanPlay
- Type
ReactEventHandler<HTMLDivElement>
onCanPlayCapture
- Type
ReactEventHandler<HTMLDivElement>
onCanPlayThrough
- Type
ReactEventHandler<HTMLDivElement>
onCanPlayThroughCapture
- Type
ReactEventHandler<HTMLDivElement>
onChange
- Type
FormEventHandler<HTMLDivElement>
onChangeCapture
- Type
FormEventHandler<HTMLDivElement>
onClick
- Type
MouseEventHandler<HTMLDivElement>
onClickCapture
- Type
MouseEventHandler<HTMLDivElement>
onCompositionEnd
- Type
CompositionEventHandler<HTMLDivElement>
onCompositionEndCapture
- Type
CompositionEventHandler<HTMLDivElement>
onCompositionStart
- Type
CompositionEventHandler<HTMLDivElement>
onCompositionStartCapture
- Type
CompositionEventHandler<HTMLDivElement>
onCompositionUpdate
- Type
CompositionEventHandler<HTMLDivElement>
onCompositionUpdateCapture
- Type
CompositionEventHandler<HTMLDivElement>
onContextMenu
- Type
MouseEventHandler<HTMLDivElement>
onContextMenuCapture
- Type
MouseEventHandler<HTMLDivElement>
onCopy
- Type
ClipboardEventHandler<HTMLDivElement>
onCopyCapture
- Type
ClipboardEventHandler<HTMLDivElement>
onCut
- Type
ClipboardEventHandler<HTMLDivElement>
onCutCapture
- Type
ClipboardEventHandler<HTMLDivElement>
onDoubleClick
- Type
MouseEventHandler<HTMLDivElement>
onDoubleClickCapture
- Type
MouseEventHandler<HTMLDivElement>
onDrag
- Type
DragEventHandler<HTMLDivElement>
onDragCapture
- Type
DragEventHandler<HTMLDivElement>
onDragEnd
- Type
DragEventHandler<HTMLDivElement>
onDragEndCapture
- Type
DragEventHandler<HTMLDivElement>
onDragEnter
- Type
DragEventHandler<HTMLDivElement>
onDragEnterCapture
- Type
DragEventHandler<HTMLDivElement>
onDragExit
- Type
DragEventHandler<HTMLDivElement>
onDragExitCapture
- Type
DragEventHandler<HTMLDivElement>
onDragLeave
- Type
DragEventHandler<HTMLDivElement>
onDragLeaveCapture
- Type
DragEventHandler<HTMLDivElement>
onDragOver
- Type
DragEventHandler<HTMLDivElement>
onDragOverCapture
- Type
DragEventHandler<HTMLDivElement>
onDragStart
- Type
DragEventHandler<HTMLDivElement>
onDragStartCapture
- Type
DragEventHandler<HTMLDivElement>
onDrop
- Type
DragEventHandler<HTMLDivElement>
onDropCapture
- Type
DragEventHandler<HTMLDivElement>
onDurationChange
- Type
ReactEventHandler<HTMLDivElement>
onDurationChangeCapture
- Type
ReactEventHandler<HTMLDivElement>
onEmptied
- Type
ReactEventHandler<HTMLDivElement>
onEmptiedCapture
- Type
ReactEventHandler<HTMLDivElement>
onEncrypted
- Type
ReactEventHandler<HTMLDivElement>
onEncryptedCapture
- Type
ReactEventHandler<HTMLDivElement>
onEnded
- Type
ReactEventHandler<HTMLDivElement>
onEndedCapture
- Type
ReactEventHandler<HTMLDivElement>
onError
- Type
ReactEventHandler<HTMLDivElement>
onErrorCapture
- Type
ReactEventHandler<HTMLDivElement>
onFocus
- Type
FocusEventHandler<HTMLDivElement>
onFocusCapture
- Type
FocusEventHandler<HTMLDivElement>
onGotPointerCapture
- Type
PointerEventHandler<HTMLDivElement>
onGotPointerCaptureCapture
- Type
PointerEventHandler<HTMLDivElement>
onInput
- Type
FormEventHandler<HTMLDivElement>
onInputCapture
- Type
FormEventHandler<HTMLDivElement>
onInvalid
- Type
FormEventHandler<HTMLDivElement>
onInvalidCapture
- Type
FormEventHandler<HTMLDivElement>
onKeyDown
- Type
KeyboardEventHandler<HTMLDivElement>
onKeyDownCapture
- Type
KeyboardEventHandler<HTMLDivElement>
onKeyPress
- Type
KeyboardEventHandler<HTMLDivElement>
onKeyPressCapture
- Type
KeyboardEventHandler<HTMLDivElement>
onKeyUp
- Type
KeyboardEventHandler<HTMLDivElement>
onKeyUpCapture
- Type
KeyboardEventHandler<HTMLDivElement>
onLoad
- Type
ReactEventHandler<HTMLDivElement>
onLoadCapture
- Type
ReactEventHandler<HTMLDivElement>
onLoadedData
- Type
ReactEventHandler<HTMLDivElement>
onLoadedDataCapture
- Type
ReactEventHandler<HTMLDivElement>
onLoadedMetadata
- Type
ReactEventHandler<HTMLDivElement>
onLoadedMetadataCapture
- Type
ReactEventHandler<HTMLDivElement>
onLoadStart
- Type
ReactEventHandler<HTMLDivElement>
onLoadStartCapture
- Type
ReactEventHandler<HTMLDivElement>
onLostPointerCapture
- Type
PointerEventHandler<HTMLDivElement>
onLostPointerCaptureCapture
- Type
PointerEventHandler<HTMLDivElement>
onMouseDown
- Type
MouseEventHandler<HTMLDivElement>
onMouseDownCapture
- Type
MouseEventHandler<HTMLDivElement>
onMouseEnter
- Type
MouseEventHandler<HTMLDivElement>
onMouseLeave
- Type
MouseEventHandler<HTMLDivElement>
onMouseMove
- Type
MouseEventHandler<HTMLDivElement>
onMouseMoveCapture
- Type
MouseEventHandler<HTMLDivElement>
onMouseOut
- Type
MouseEventHandler<HTMLDivElement>
onMouseOutCapture
- Type
MouseEventHandler<HTMLDivElement>
onMouseOver
- Type
MouseEventHandler<HTMLDivElement>
onMouseOverCapture
- Type
MouseEventHandler<HTMLDivElement>
onMouseUp
- Type
MouseEventHandler<HTMLDivElement>
onMouseUpCapture
- Type
MouseEventHandler<HTMLDivElement>
onPaste
- Type
ClipboardEventHandler<HTMLDivElement>
onPasteCapture
- Type
ClipboardEventHandler<HTMLDivElement>
onPause
- Type
ReactEventHandler<HTMLDivElement>
onPauseCapture
- Type
ReactEventHandler<HTMLDivElement>
onPlay
- Type
ReactEventHandler<HTMLDivElement>
onPlayCapture
- Type
ReactEventHandler<HTMLDivElement>
onPlaying
- Type
ReactEventHandler<HTMLDivElement>
onPlayingCapture
- Type
ReactEventHandler<HTMLDivElement>
onPointerCancel
- Type
PointerEventHandler<HTMLDivElement>
onPointerCancelCapture
- Type
PointerEventHandler<HTMLDivElement>
onPointerDown
- Type
PointerEventHandler<HTMLDivElement>
onPointerDownCapture
- Type
PointerEventHandler<HTMLDivElement>
onPointerEnter
- Type
PointerEventHandler<HTMLDivElement>
onPointerLeave
- Type
PointerEventHandler<HTMLDivElement>
onPointerMove
- Type
PointerEventHandler<HTMLDivElement>
onPointerMoveCapture
- Type
PointerEventHandler<HTMLDivElement>
onPointerOut
- Type
PointerEventHandler<HTMLDivElement>
onPointerOutCapture
- Type
PointerEventHandler<HTMLDivElement>
onPointerOver
- Type
PointerEventHandler<HTMLDivElement>
onPointerOverCapture
- Type
PointerEventHandler<HTMLDivElement>
onPointerUp
- Type
PointerEventHandler<HTMLDivElement>
onPointerUpCapture
- Type
PointerEventHandler<HTMLDivElement>
onProgress
- Type
ReactEventHandler<HTMLDivElement>
onProgressCapture
- Type
ReactEventHandler<HTMLDivElement>
onRateChange
- Type
ReactEventHandler<HTMLDivElement>
onRateChangeCapture
- Type
ReactEventHandler<HTMLDivElement>
onReset
- Type
FormEventHandler<HTMLDivElement>
onResetCapture
- Type
FormEventHandler<HTMLDivElement>
onResize
- Type
ReactEventHandler<HTMLDivElement>
onResizeCapture
- Type
ReactEventHandler<HTMLDivElement>
onScroll
- Type
UIEventHandler<HTMLDivElement>
onScrollCapture
- Type
UIEventHandler<HTMLDivElement>
onSeeked
- Type
ReactEventHandler<HTMLDivElement>
onSeekedCapture
- Type
ReactEventHandler<HTMLDivElement>
onSeeking
- Type
ReactEventHandler<HTMLDivElement>
onSeekingCapture
- Type
ReactEventHandler<HTMLDivElement>
onSelect
- Type
ReactEventHandler<HTMLDivElement>
onSelectCapture
- Type
ReactEventHandler<HTMLDivElement>
onStalled
- Type
ReactEventHandler<HTMLDivElement>
onStalledCapture
- Type
ReactEventHandler<HTMLDivElement>
onSubmit
- Type
FormEventHandler<HTMLDivElement>
onSubmitCapture
- Type
FormEventHandler<HTMLDivElement>
onSuspend
- Type
ReactEventHandler<HTMLDivElement>
onSuspendCapture
- Type
ReactEventHandler<HTMLDivElement>
onTimeUpdate
- Type
ReactEventHandler<HTMLDivElement>
onTimeUpdateCapture
- Type
ReactEventHandler<HTMLDivElement>
onToggle
- Type
ToggleEventHandler<HTMLDivElement>
onTouchCancel
- Type
TouchEventHandler<HTMLDivElement>
onTouchCancelCapture
- Type
TouchEventHandler<HTMLDivElement>
onTouchEnd
- Type
TouchEventHandler<HTMLDivElement>
onTouchEndCapture
- Type
TouchEventHandler<HTMLDivElement>
onTouchMove
- Type
TouchEventHandler<HTMLDivElement>
onTouchMoveCapture
- Type
TouchEventHandler<HTMLDivElement>
onTouchStart
- Type
TouchEventHandler<HTMLDivElement>
onTouchStartCapture
- Type
TouchEventHandler<HTMLDivElement>
onTransitionCancel
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionCancelCapture
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionEnd
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionEndCapture
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionRun
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionRunCapture
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionStart
- Type
TransitionEventHandler<HTMLDivElement>
onTransitionStartCapture
- Type
TransitionEventHandler<HTMLDivElement>
onVolumeChange
- Type
ReactEventHandler<HTMLDivElement>
onVolumeChangeCapture
- Type
ReactEventHandler<HTMLDivElement>
onWaiting
- Type
ReactEventHandler<HTMLDivElement>
onWaitingCapture
- Type
ReactEventHandler<HTMLDivElement>
onWheel
- Type
WheelEventHandler<HTMLDivElement>
onWheelCapture
- Type
WheelEventHandler<HTMLDivElement>
popover
- Type
"" | "auto" | "manual"
popoverTarget
- Type
string
popoverTargetAction
- Type
"toggle" | "show" | "hide"
prefix
- Type
string
property
- Type
string
radioGroup
- Type
string
rel
- Type
string
resource
- Type
string
results
- Type
number
rev
- Type
string
role
- Type
AriaRole
security
- Type
string
slot
- Type
string
spellCheck
- Type
Booleanish
suppressContentEditableWarning
- Type
boolean
suppressHydrationWarning
- Type
boolean
tabIndex
- Type
number
title
- Type
string
translate
- Type
"yes" | "no"
typeof
- Type
string
unselectable
- Type
"off" | "on"
vocab
- Type
string
as
- Type
AsTags- Default
h3
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
string- Default
CALLOUT_HEADING
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
about
- Type
string
accessKey
- Type
string
aria-activedescendant
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
- Type
string
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.
- Type
Booleanish
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.
- Type
"none" | "list" | "inline" | "both"
aria-braillelabel
Defines a string value that labels the current element, which is intended to be converted into Braille.
- Type
string
aria-brailleroledescription
Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
- Type
string
aria-busy
- Type
Booleanish
aria-checked
Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
- Type
boolean | "true" | "false" | "mixed"
aria-colcount
Defines the total number of columns in a table, grid, or treegrid.
- Type
number
aria-colindex
Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
- Type
number
aria-colindextext
Defines a human readable text alternative of aria-colindex.
- Type
string
aria-colspan
Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-controls
Identifies the element (or elements) whose contents or presence are controlled by the current element.
- Type
string
aria-current
Indicates the element that represents the current item within a container or set of related elements.
- Type
| boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"
aria-describedby
Identifies the element (or elements) that describes the object.
- Type
string
aria-description
Defines a string value that describes or annotates the current element.
- Type
string
aria-details
Identifies the element that provides a detailed, extended description for the object.
- Type
string
aria-disabled
Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
- Type
Booleanish
aria-dropeffect
Indicates what functions can be performed when a dragged object is released on the drop target.
- Type
"link" | "none" | "copy" | "execute" | "move" | "popup"
aria-errormessage
Identifies the element that provides an error message for the object.
- Type
string
aria-expanded
Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
- Type
Booleanish
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.
- Type
string
aria-grabbed
Indicates an element's "grabbed" state in a drag-and-drop operation.
- Type
Booleanish
aria-haspopup
Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
- Type
| boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"
aria-hidden
Indicates whether the element is exposed to an accessibility API.
- Type
Booleanish
aria-invalid
Indicates the entered value does not conform to the format expected by the application.
- Type
boolean | "true" | "false" | "grammar" | "spelling"
aria-keyshortcuts
Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
- Type
string
aria-label
Defines a string value that labels the current element.
- Type
string
aria-labelledby
Identifies the element (or elements) that labels the current element.
- Type
string
aria-level
Defines the hierarchical level of an element within a structure.
- Type
number
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.
- Type
"off" | "assertive" | "polite"
aria-modal
Indicates whether an element is modal when displayed.
- Type
Booleanish
aria-multiline
Indicates whether a text box accepts multiple lines of input or only a single line.
- Type
Booleanish
aria-multiselectable
Indicates that the user may select more than one item from the current selectable descendants.
- Type
Booleanish
aria-orientation
Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
- Type
"horizontal" | "vertical"
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.
- Type
string
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.
- Type
string
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.
- Type
number
aria-pressed
Indicates the current "pressed" state of toggle buttons.
- Type
boolean | "true" | "false" | "mixed"
aria-readonly
Indicates that the element is not editable, but is otherwise operable.
- Type
Booleanish
aria-relevant
Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
- Type
| "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"
aria-required
Indicates that user input is required on the element before a form may be submitted.
- Type
Booleanish
aria-roledescription
Defines a human-readable, author-localized description for the role of an element.
- Type
string
aria-rowcount
Defines the total number of rows in a table, grid, or treegrid.
- Type
number
aria-rowindex
Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
- Type
number
aria-rowindextext
Defines a human readable text alternative of aria-rowindex.
- Type
string
aria-rowspan
Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-selected
Indicates the current "selected" state of various widgets.
- Type
Booleanish
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.
- Type
number
aria-sort
Indicates if items in a table or grid are sorted in ascending or descending order.
- Type
"none" | "ascending" | "descending" | "other"
aria-valuemax
Defines the maximum allowed value for a range widget.
- Type
number
aria-valuemin
Defines the minimum allowed value for a range widget.
- Type
number
aria-valuenow
Defines the current value for a range widget.
- Type
number
aria-valuetext
Defines the human readable text alternative of aria-valuenow for a range widget.
- Type
string
autoCapitalize
- Type
| "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})
autoCorrect
- Type
string
autoFocus
- Type
boolean
autoSave
- Type
string
content
- Type
string
contentEditable
- Type
Booleanish | "inherit" | "plaintext-only"
contextMenu
- Type
string
dangerouslySetInnerHTML
- Type
{ __html: string | TrustedHTML }
datatype
- Type
string
defaultChecked
- Type
boolean
defaultValue
- Type
string | number | readonly string[]
dir
- Type
string
draggable
- Type
Booleanish
enterKeyHint
- Type
| "search" | "enter" | "done" | "go" | "next" | "previous" | "send"
hidden
- Type
boolean
id
- Type
string
inert
- Type
boolean
inlist
- Type
any
inputMode
Hints at the type of data that might be entered by the user while editing the element or its contents
- Type
| "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
is
Specify that a standard HTML element should behave like a defined custom built-in element
- Type
string
itemID
- Type
string
itemProp
- Type
string
itemRef
- Type
string
itemScope
- Type
boolean
itemType
- Type
string
key
- Type
Key
lang
- Type
string
nonce
- Type
string
onAbort
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onAbortCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onAnimationEnd
- Type
AnimationEventHandler<HTMLDivElement> | AnimationEventHandler<HTMLHeadingElement> | AnimationEventHandler<...> | AnimationEventHandler<...> | AnimationEventHandler<...>
onAnimationEndCapture
- Type
AnimationEventHandler<HTMLDivElement> | AnimationEventHandler<HTMLHeadingElement> | AnimationEventHandler<...> | AnimationEventHandler<...> | AnimationEventHandler<...>
onAnimationIteration
- Type
AnimationEventHandler<HTMLDivElement> | AnimationEventHandler<HTMLHeadingElement> | AnimationEventHandler<...> | AnimationEventHandler<...> | AnimationEventHandler<...>
onAnimationIterationCapture
- Type
AnimationEventHandler<HTMLDivElement> | AnimationEventHandler<HTMLHeadingElement> | AnimationEventHandler<...> | AnimationEventHandler<...> | AnimationEventHandler<...>
onAnimationStart
- Type
AnimationEventHandler<HTMLDivElement> | AnimationEventHandler<HTMLHeadingElement> | AnimationEventHandler<...> | AnimationEventHandler<...> | AnimationEventHandler<...>
onAnimationStartCapture
- Type
AnimationEventHandler<HTMLDivElement> | AnimationEventHandler<HTMLHeadingElement> | AnimationEventHandler<...> | AnimationEventHandler<...> | AnimationEventHandler<...>
onAuxClick
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onAuxClickCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onBeforeInput
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onBeforeInputCapture
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onBeforeToggle
- Type
ToggleEventHandler<HTMLDivElement> | ToggleEventHandler<HTMLHeadingElement> | ToggleEventHandler<HTMLElement> | ToggleEventHandler<...> | ToggleEventHandler<...>
onBlur
- Type
FocusEventHandler<HTMLDivElement> | FocusEventHandler<HTMLHeadingElement> | FocusEventHandler<HTMLElement> | FocusEventHandler<...> | FocusEventHandler<...>
onBlurCapture
- Type
FocusEventHandler<HTMLDivElement> | FocusEventHandler<HTMLHeadingElement> | FocusEventHandler<HTMLElement> | FocusEventHandler<...> | FocusEventHandler<...>
onCanPlay
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onCanPlayCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onCanPlayThrough
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onCanPlayThroughCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onChange
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onChangeCapture
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onClick
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onClickCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onCompositionEnd
- Type
CompositionEventHandler<HTMLDivElement> | CompositionEventHandler<HTMLHeadingElement> | CompositionEventHandler<...> | CompositionEventHandler<...> | CompositionEventHandler<...>
onCompositionEndCapture
- Type
CompositionEventHandler<HTMLDivElement> | CompositionEventHandler<HTMLHeadingElement> | CompositionEventHandler<...> | CompositionEventHandler<...> | CompositionEventHandler<...>
onCompositionStart
- Type
CompositionEventHandler<HTMLDivElement> | CompositionEventHandler<HTMLHeadingElement> | CompositionEventHandler<...> | CompositionEventHandler<...> | CompositionEventHandler<...>
onCompositionStartCapture
- Type
CompositionEventHandler<HTMLDivElement> | CompositionEventHandler<HTMLHeadingElement> | CompositionEventHandler<...> | CompositionEventHandler<...> | CompositionEventHandler<...>
onCompositionUpdate
- Type
CompositionEventHandler<HTMLDivElement> | CompositionEventHandler<HTMLHeadingElement> | CompositionEventHandler<...> | CompositionEventHandler<...> | CompositionEventHandler<...>
onCompositionUpdateCapture
- Type
CompositionEventHandler<HTMLDivElement> | CompositionEventHandler<HTMLHeadingElement> | CompositionEventHandler<...> | CompositionEventHandler<...> | CompositionEventHandler<...>
onContextMenu
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onContextMenuCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onCopy
- Type
ClipboardEventHandler<HTMLDivElement> | ClipboardEventHandler<HTMLHeadingElement> | ClipboardEventHandler<...> | ClipboardEventHandler<...> | ClipboardEventHandler<...>
onCopyCapture
- Type
ClipboardEventHandler<HTMLDivElement> | ClipboardEventHandler<HTMLHeadingElement> | ClipboardEventHandler<...> | ClipboardEventHandler<...> | ClipboardEventHandler<...>
onCut
- Type
ClipboardEventHandler<HTMLDivElement> | ClipboardEventHandler<HTMLHeadingElement> | ClipboardEventHandler<...> | ClipboardEventHandler<...> | ClipboardEventHandler<...>
onCutCapture
- Type
ClipboardEventHandler<HTMLDivElement> | ClipboardEventHandler<HTMLHeadingElement> | ClipboardEventHandler<...> | ClipboardEventHandler<...> | ClipboardEventHandler<...>
onDoubleClick
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onDoubleClickCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onDrag
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragEnd
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragEndCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragEnter
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragEnterCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragExit
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragExitCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragLeave
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragLeaveCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragOver
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragOverCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragStart
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDragStartCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDrop
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDropCapture
- Type
DragEventHandler<HTMLDivElement> | DragEventHandler<HTMLHeadingElement> | DragEventHandler<HTMLElement> | DragEventHandler<...> | DragEventHandler<...>
onDurationChange
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onDurationChangeCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onEmptied
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onEmptiedCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onEncrypted
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onEncryptedCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onEnded
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onEndedCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onError
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onErrorCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onFocus
- Type
FocusEventHandler<HTMLDivElement> | FocusEventHandler<HTMLHeadingElement> | FocusEventHandler<HTMLElement> | FocusEventHandler<...> | FocusEventHandler<...>
onFocusCapture
- Type
FocusEventHandler<HTMLDivElement> | FocusEventHandler<HTMLHeadingElement> | FocusEventHandler<HTMLElement> | FocusEventHandler<...> | FocusEventHandler<...>
onGotPointerCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onGotPointerCaptureCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onInput
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onInputCapture
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onInvalid
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onInvalidCapture
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onKeyDown
- Type
KeyboardEventHandler<HTMLDivElement> | KeyboardEventHandler<HTMLHeadingElement> | KeyboardEventHandler<...> | KeyboardEventHandler<...> | KeyboardEventHandler<...>
onKeyDownCapture
- Type
KeyboardEventHandler<HTMLDivElement> | KeyboardEventHandler<HTMLHeadingElement> | KeyboardEventHandler<...> | KeyboardEventHandler<...> | KeyboardEventHandler<...>
onKeyPress
- Type
KeyboardEventHandler<HTMLDivElement> | KeyboardEventHandler<HTMLHeadingElement> | KeyboardEventHandler<...> | KeyboardEventHandler<...> | KeyboardEventHandler<...>
onKeyPressCapture
- Type
KeyboardEventHandler<HTMLDivElement> | KeyboardEventHandler<HTMLHeadingElement> | KeyboardEventHandler<...> | KeyboardEventHandler<...> | KeyboardEventHandler<...>
onKeyUp
- Type
KeyboardEventHandler<HTMLDivElement> | KeyboardEventHandler<HTMLHeadingElement> | KeyboardEventHandler<...> | KeyboardEventHandler<...> | KeyboardEventHandler<...>
onKeyUpCapture
- Type
KeyboardEventHandler<HTMLDivElement> | KeyboardEventHandler<HTMLHeadingElement> | KeyboardEventHandler<...> | KeyboardEventHandler<...> | KeyboardEventHandler<...>
onLoad
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadedData
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadedDataCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadedMetadata
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadedMetadataCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadStart
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLoadStartCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onLostPointerCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onLostPointerCaptureCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onMouseDown
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseDownCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseEnter
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseLeave
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseMove
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseMoveCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseOut
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseOutCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseOver
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseOverCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseUp
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onMouseUpCapture
- Type
MouseEventHandler<HTMLDivElement> | MouseEventHandler<HTMLHeadingElement> | MouseEventHandler<HTMLElement> | MouseEventHandler<...> | MouseEventHandler<...>
onPaste
- Type
ClipboardEventHandler<HTMLDivElement> | ClipboardEventHandler<HTMLHeadingElement> | ClipboardEventHandler<...> | ClipboardEventHandler<...> | ClipboardEventHandler<...>
onPasteCapture
- Type
ClipboardEventHandler<HTMLDivElement> | ClipboardEventHandler<HTMLHeadingElement> | ClipboardEventHandler<...> | ClipboardEventHandler<...> | ClipboardEventHandler<...>
onPause
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onPauseCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onPlay
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onPlayCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onPlaying
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onPlayingCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onPointerCancel
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerCancelCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerDown
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerDownCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerEnter
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerLeave
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerMove
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerMoveCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerOut
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerOutCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerOver
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerOverCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerUp
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onPointerUpCapture
- Type
PointerEventHandler<HTMLDivElement> | PointerEventHandler<HTMLHeadingElement> | PointerEventHandler<HTMLElement> | PointerEventHandler<...> | PointerEventHandler<...>
onProgress
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onProgressCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onRateChange
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onRateChangeCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onReset
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onResetCapture
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onResize
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onResizeCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onScroll
- Type
UIEventHandler<HTMLDivElement> | UIEventHandler<HTMLHeadingElement> | UIEventHandler<HTMLElement> | UIEventHandler<...> | UIEventHandler<...>
onScrollCapture
- Type
UIEventHandler<HTMLDivElement> | UIEventHandler<HTMLHeadingElement> | UIEventHandler<HTMLElement> | UIEventHandler<...> | UIEventHandler<...>
onSeeked
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSeekedCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSeeking
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSeekingCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSelect
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSelectCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onStalled
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onStalledCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSubmit
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onSubmitCapture
- Type
FormEventHandler<HTMLDivElement> | FormEventHandler<HTMLHeadingElement> | FormEventHandler<HTMLElement> | FormEventHandler<...> | FormEventHandler<...>
onSuspend
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onSuspendCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onTimeUpdate
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onTimeUpdateCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onToggle
- Type
ToggleEventHandler<HTMLDivElement> | ToggleEventHandler<HTMLHeadingElement> | ToggleEventHandler<HTMLElement> | ToggleEventHandler<...> | ToggleEventHandler<...>
onTouchCancel
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchCancelCapture
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchEnd
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchEndCapture
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchMove
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchMoveCapture
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchStart
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTouchStartCapture
- Type
TouchEventHandler<HTMLDivElement> | TouchEventHandler<HTMLHeadingElement> | TouchEventHandler<HTMLElement> | TouchEventHandler<...> | TouchEventHandler<...>
onTransitionCancel
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionCancelCapture
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionEnd
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionEndCapture
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionRun
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionRunCapture
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionStart
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onTransitionStartCapture
- Type
TransitionEventHandler<HTMLDivElement> | TransitionEventHandler<HTMLHeadingElement> | TransitionEventHandler<...> | TransitionEventHandler<...> | TransitionEventHandler<...>
onVolumeChange
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onVolumeChangeCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onWaiting
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onWaitingCapture
- Type
ReactEventHandler<HTMLDivElement> | ReactEventHandler<HTMLHeadingElement> | ReactEventHandler<HTMLElement> | ReactEventHandler<...> | ReactEventHandler<...>
onWheel
- Type
WheelEventHandler<HTMLDivElement> | WheelEventHandler<HTMLHeadingElement> | WheelEventHandler<HTMLElement> | WheelEventHandler<...> | WheelEventHandler<...>
onWheelCapture
- Type
WheelEventHandler<HTMLDivElement> | WheelEventHandler<HTMLHeadingElement> | WheelEventHandler<HTMLElement> | WheelEventHandler<...> | WheelEventHandler<...>
popover
- Type
"" | "auto" | "manual"
popoverTarget
- Type
string
popoverTargetAction
- Type
"toggle" | "show" | "hide"
prefix
- Type
string
property
- Type
string
radioGroup
- Type
string
rel
- Type
string
resource
- Type
string
results
- Type
number
rev
- Type
string
role
- Type
AriaRole
security
- Type
string
slot
- Type
string
spellCheck
- Type
Booleanish
suppressContentEditableWarning
- Type
boolean
suppressHydrationWarning
- Type
boolean
tabIndex
- Type
number
title
- Type
string
translate
- Type
"yes" | "no"
typeof
- Type
string
unselectable
- Type
"off" | "on"
vocab
- Type
string
as RequiredRequired
- Type
AsTags- Default
null
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
string- Default
CALLOUT_LIST
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
about
- Type
string
accessKey
- Type
string
aria-activedescendant
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
- Type
string
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.
- Type
Booleanish
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.
- Type
"none" | "list" | "inline" | "both"
aria-braillelabel
Defines a string value that labels the current element, which is intended to be converted into Braille.
- Type
string
aria-brailleroledescription
Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
- Type
string
aria-busy
- Type
Booleanish
aria-checked
Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
- Type
boolean | "true" | "false" | "mixed"
aria-colcount
Defines the total number of columns in a table, grid, or treegrid.
- Type
number
aria-colindex
Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
- Type
number
aria-colindextext
Defines a human readable text alternative of aria-colindex.
- Type
string
aria-colspan
Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-controls
Identifies the element (or elements) whose contents or presence are controlled by the current element.
- Type
string
aria-current
Indicates the element that represents the current item within a container or set of related elements.
- Type
| boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"
aria-describedby
Identifies the element (or elements) that describes the object.
- Type
string
aria-description
Defines a string value that describes or annotates the current element.
- Type
string
aria-details
Identifies the element that provides a detailed, extended description for the object.
- Type
string
aria-disabled
Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
- Type
Booleanish
aria-dropeffect
Indicates what functions can be performed when a dragged object is released on the drop target.
- Type
"link" | "none" | "copy" | "execute" | "move" | "popup"
aria-errormessage
Identifies the element that provides an error message for the object.
- Type
string
aria-expanded
Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
- Type
Booleanish
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.
- Type
string
aria-grabbed
Indicates an element's "grabbed" state in a drag-and-drop operation.
- Type
Booleanish
aria-haspopup
Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
- Type
| boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"
aria-hidden
Indicates whether the element is exposed to an accessibility API.
- Type
Booleanish
aria-invalid
Indicates the entered value does not conform to the format expected by the application.
- Type
boolean | "true" | "false" | "grammar" | "spelling"
aria-keyshortcuts
Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
- Type
string
aria-label
Defines a string value that labels the current element.
- Type
string
aria-labelledby
Identifies the element (or elements) that labels the current element.
- Type
string
aria-level
Defines the hierarchical level of an element within a structure.
- Type
number
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.
- Type
"off" | "assertive" | "polite"
aria-modal
Indicates whether an element is modal when displayed.
- Type
Booleanish
aria-multiline
Indicates whether a text box accepts multiple lines of input or only a single line.
- Type
Booleanish
aria-multiselectable
Indicates that the user may select more than one item from the current selectable descendants.
- Type
Booleanish
aria-orientation
Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
- Type
"horizontal" | "vertical"
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.
- Type
string
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.
- Type
string
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.
- Type
number
aria-pressed
Indicates the current "pressed" state of toggle buttons.
- Type
boolean | "true" | "false" | "mixed"
aria-readonly
Indicates that the element is not editable, but is otherwise operable.
- Type
Booleanish
aria-relevant
Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
- Type
| "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"
aria-required
Indicates that user input is required on the element before a form may be submitted.
- Type
Booleanish
aria-roledescription
Defines a human-readable, author-localized description for the role of an element.
- Type
string
aria-rowcount
Defines the total number of rows in a table, grid, or treegrid.
- Type
number
aria-rowindex
Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
- Type
number
aria-rowindextext
Defines a human readable text alternative of aria-rowindex.
- Type
string
aria-rowspan
Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-selected
Indicates the current "selected" state of various widgets.
- Type
Booleanish
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.
- Type
number
aria-sort
Indicates if items in a table or grid are sorted in ascending or descending order.
- Type
"none" | "ascending" | "descending" | "other"
aria-valuemax
Defines the maximum allowed value for a range widget.
- Type
number
aria-valuemin
Defines the minimum allowed value for a range widget.
- Type
number
aria-valuenow
Defines the current value for a range widget.
- Type
number
aria-valuetext
Defines the human readable text alternative of aria-valuenow for a range widget.
- Type
string
autoCapitalize
- Type
| "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})
autoCorrect
- Type
string
autoFocus
- Type
boolean
autoSave
- Type
string
content
- Type
string
contentEditable
- Type
Booleanish | "inherit" | "plaintext-only"
contextMenu
- Type
string
dangerouslySetInnerHTML
- Type
{ __html: string | TrustedHTML }
datatype
- Type
string
defaultChecked
- Type
boolean
defaultValue
- Type
string | number | readonly string[]
dir
- Type
string
draggable
- Type
Booleanish
enterKeyHint
- Type
| "search" | "enter" | "done" | "go" | "next" | "previous" | "send"
hidden
- Type
boolean
id
- Type
string
inert
- Type
boolean
inlist
- Type
any
inputMode
Hints at the type of data that might be entered by the user while editing the element or its contents
- Type
| "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
is
Specify that a standard HTML element should behave like a defined custom built-in element
- Type
string
itemID
- Type
string
itemProp
- Type
string
itemRef
- Type
string
itemScope
- Type
boolean
itemType
- Type
string
key
- Type
Key
lang
- Type
string
nonce
- Type
string
onAbort
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onAbortCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onAnimationEnd
- Type
| AnimationEventHandler<HTMLOListElement> | AnimationEventHandler<HTMLUListElement>
onAnimationEndCapture
- Type
| AnimationEventHandler<HTMLOListElement> | AnimationEventHandler<HTMLUListElement>
onAnimationIteration
- Type
| AnimationEventHandler<HTMLOListElement> | AnimationEventHandler<HTMLUListElement>
onAnimationIterationCapture
- Type
| AnimationEventHandler<HTMLOListElement> | AnimationEventHandler<HTMLUListElement>
onAnimationStart
- Type
| AnimationEventHandler<HTMLOListElement> | AnimationEventHandler<HTMLUListElement>
onAnimationStartCapture
- Type
| AnimationEventHandler<HTMLOListElement> | AnimationEventHandler<HTMLUListElement>
onAuxClick
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onAuxClickCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onBeforeInput
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onBeforeInputCapture
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onBeforeToggle
- Type
| ToggleEventHandler<HTMLOListElement> | ToggleEventHandler<HTMLUListElement>
onBlur
- Type
| FocusEventHandler<HTMLOListElement> | FocusEventHandler<HTMLUListElement>
onBlurCapture
- Type
| FocusEventHandler<HTMLOListElement> | FocusEventHandler<HTMLUListElement>
onCanPlay
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onCanPlayCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onCanPlayThrough
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onCanPlayThroughCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onChange
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onChangeCapture
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onClick
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onClickCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onCompositionEnd
- Type
| CompositionEventHandler<HTMLOListElement> | CompositionEventHandler<HTMLUListElement>
onCompositionEndCapture
- Type
| CompositionEventHandler<HTMLOListElement> | CompositionEventHandler<HTMLUListElement>
onCompositionStart
- Type
| CompositionEventHandler<HTMLOListElement> | CompositionEventHandler<HTMLUListElement>
onCompositionStartCapture
- Type
| CompositionEventHandler<HTMLOListElement> | CompositionEventHandler<HTMLUListElement>
onCompositionUpdate
- Type
| CompositionEventHandler<HTMLOListElement> | CompositionEventHandler<HTMLUListElement>
onCompositionUpdateCapture
- Type
| CompositionEventHandler<HTMLOListElement> | CompositionEventHandler<HTMLUListElement>
onContextMenu
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onContextMenuCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onCopy
- Type
| ClipboardEventHandler<HTMLOListElement> | ClipboardEventHandler<HTMLUListElement>
onCopyCapture
- Type
| ClipboardEventHandler<HTMLOListElement> | ClipboardEventHandler<HTMLUListElement>
onCut
- Type
| ClipboardEventHandler<HTMLOListElement> | ClipboardEventHandler<HTMLUListElement>
onCutCapture
- Type
| ClipboardEventHandler<HTMLOListElement> | ClipboardEventHandler<HTMLUListElement>
onDoubleClick
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onDoubleClickCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onDrag
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragEnd
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragEndCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragEnter
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragEnterCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragExit
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragExitCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragLeave
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragLeaveCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragOver
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragOverCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragStart
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDragStartCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDrop
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDropCapture
- Type
| DragEventHandler<HTMLOListElement> | DragEventHandler<HTMLUListElement>
onDurationChange
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onDurationChangeCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onEmptied
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onEmptiedCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onEncrypted
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onEncryptedCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onEnded
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onEndedCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onError
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onErrorCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onFocus
- Type
| FocusEventHandler<HTMLOListElement> | FocusEventHandler<HTMLUListElement>
onFocusCapture
- Type
| FocusEventHandler<HTMLOListElement> | FocusEventHandler<HTMLUListElement>
onGotPointerCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onGotPointerCaptureCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onInput
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onInputCapture
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onInvalid
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onInvalidCapture
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onKeyDown
- Type
| KeyboardEventHandler<HTMLOListElement> | KeyboardEventHandler<HTMLUListElement>
onKeyDownCapture
- Type
| KeyboardEventHandler<HTMLOListElement> | KeyboardEventHandler<HTMLUListElement>
onKeyPress
- Type
| KeyboardEventHandler<HTMLOListElement> | KeyboardEventHandler<HTMLUListElement>
onKeyPressCapture
- Type
| KeyboardEventHandler<HTMLOListElement> | KeyboardEventHandler<HTMLUListElement>
onKeyUp
- Type
| KeyboardEventHandler<HTMLOListElement> | KeyboardEventHandler<HTMLUListElement>
onKeyUpCapture
- Type
| KeyboardEventHandler<HTMLOListElement> | KeyboardEventHandler<HTMLUListElement>
onLoad
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadedData
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadedDataCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadedMetadata
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadedMetadataCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadStart
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLoadStartCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onLostPointerCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onLostPointerCaptureCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onMouseDown
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseDownCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseEnter
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseLeave
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseMove
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseMoveCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseOut
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseOutCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseOver
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseOverCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseUp
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onMouseUpCapture
- Type
| MouseEventHandler<HTMLOListElement> | MouseEventHandler<HTMLUListElement>
onPaste
- Type
| ClipboardEventHandler<HTMLOListElement> | ClipboardEventHandler<HTMLUListElement>
onPasteCapture
- Type
| ClipboardEventHandler<HTMLOListElement> | ClipboardEventHandler<HTMLUListElement>
onPause
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onPauseCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onPlay
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onPlayCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onPlaying
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onPlayingCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onPointerCancel
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerCancelCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerDown
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerDownCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerEnter
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerLeave
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerMove
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerMoveCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerOut
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerOutCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerOver
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerOverCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerUp
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onPointerUpCapture
- Type
| PointerEventHandler<HTMLOListElement> | PointerEventHandler<HTMLUListElement>
onProgress
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onProgressCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onRateChange
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onRateChangeCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onReset
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onResetCapture
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onResize
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onResizeCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onScroll
- Type
| UIEventHandler<HTMLOListElement> | UIEventHandler<HTMLUListElement>
onScrollCapture
- Type
| UIEventHandler<HTMLOListElement> | UIEventHandler<HTMLUListElement>
onSeeked
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSeekedCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSeeking
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSeekingCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSelect
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSelectCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onStalled
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onStalledCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSubmit
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onSubmitCapture
- Type
| FormEventHandler<HTMLOListElement> | FormEventHandler<HTMLUListElement>
onSuspend
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onSuspendCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onTimeUpdate
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onTimeUpdateCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onToggle
- Type
| ToggleEventHandler<HTMLOListElement> | ToggleEventHandler<HTMLUListElement>
onTouchCancel
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchCancelCapture
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchEnd
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchEndCapture
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchMove
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchMoveCapture
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchStart
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTouchStartCapture
- Type
| TouchEventHandler<HTMLOListElement> | TouchEventHandler<HTMLUListElement>
onTransitionCancel
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionCancelCapture
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionEnd
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionEndCapture
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionRun
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionRunCapture
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionStart
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onTransitionStartCapture
- Type
| TransitionEventHandler<HTMLOListElement> | TransitionEventHandler<HTMLUListElement>
onVolumeChange
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onVolumeChangeCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onWaiting
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onWaitingCapture
- Type
| ReactEventHandler<HTMLOListElement> | ReactEventHandler<HTMLUListElement>
onWheel
- Type
| WheelEventHandler<HTMLOListElement> | WheelEventHandler<HTMLUListElement>
onWheelCapture
- Type
| WheelEventHandler<HTMLOListElement> | WheelEventHandler<HTMLUListElement>
popover
- Type
"" | "auto" | "manual"
popoverTarget
- Type
string
popoverTargetAction
- Type
"toggle" | "show" | "hide"
prefix
- Type
string
property
- Type
string
radioGroup
- Type
string
rel
- Type
string
resource
- Type
string
results
- Type
number
rev
- Type
string
role
- Type
AriaRole
security
- Type
string
slot
- Type
string
spellCheck
- Type
Booleanish
suppressContentEditableWarning
- Type
boolean
suppressHydrationWarning
- Type
boolean
tabIndex
- Type
number
title
- Type
string
translate
- Type
"yes" | "no"
typeof
- Type
string
unselectable
- Type
"off" | "on"
vocab
- Type
string
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
string- Default
CALLOUT_LIST_ITEM
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
accessKey
- Type
string
accessKeyLabel
- Type
string
addEventListener
Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.
The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.
When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.
When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.
When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.
If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.
The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.
Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.
The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.
When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.
When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.
When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.
If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.
The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.
- Type
{ <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLLIElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | ... 1 more ... | undefined): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | ... 1 more ... | undefined): void; }
after
Inserts nodes just after node, while replacing strings in nodes with equivalent Text nodes.
Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
- Type
(...nodes: (string | Node)[]) => void
animate
- Type
( keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined ) => Animation
append
Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes.
Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
- Type
(...nodes: (string | Node)[]) => void
appendChild
- Type
<T extends Node>(node: T) => T
ariaAtomic
- Type
string
ariaAutoComplete
- Type
string
ariaBusy
- Type
string
ariaChecked
- Type
string
ariaColCount
- Type
string
ariaColIndex
- Type
string
ariaColIndexText
- Type
string
ariaColSpan
- Type
string
ariaCurrent
- Type
string
ariaDisabled
- Type
string
ariaExpanded
- Type
string
ariaHasPopup
- Type
string
ariaHidden
- Type
string
ariaInvalid
- Type
string
ariaKeyShortcuts
- Type
string
ariaLabel
- Type
string
ariaLevel
- Type
string
ariaLive
- Type
string
ariaModal
- Type
string
ariaMultiLine
- Type
string
ariaMultiSelectable
- Type
string
ariaOrientation
- Type
string
ariaPlaceholder
- Type
string
ariaPosInSet
- Type
string
ariaPressed
- Type
string
ariaReadOnly
- Type
string
ariaRequired
- Type
string
ariaRoleDescription
- Type
string
ariaRowCount
- Type
string
ariaRowIndex
- Type
string
ariaRowIndexText
- Type
string
ariaRowSpan
- Type
string
ariaSelected
- Type
string
ariaSetSize
- Type
string
ariaSort
- Type
string
ariaValueMax
- Type
string
ariaValueMin
- Type
string
ariaValueNow
- Type
string
ariaValueText
- Type
string
assignedSlot
- Type
HTMLSlotElement
attachInternals
- Type
() => ElementInternals
attachShadow
Creates a shadow root for element and returns it.
- Type
(init: ShadowRootInit) => ShadowRoot
ATTRIBUTE_NODE
- Type
number
attributes
- Type
NamedNodeMap
autocapitalize
- Type
string
autofocus
- Type
boolean
baseURI
Returns node's node document's document base URL.
- Type
string
before
Inserts nodes just before node, while replacing strings in nodes with equivalent Text nodes.
Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
- Type
(...nodes: (string | Node)[]) => void
blur
- Type
() => void
CDATA_SECTION_NODE
node is a CDATASection node.
- Type
number
childElementCount
- Type
number
childNodes
Returns the children.
- Type
NodeListOf<ChildNode>
classList
Allows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.
- Type
DOMTokenList
className
Returns the value of element's class content attribute. Can be set to change it.
- Type
string
click
- Type
() => void
clientHeight
- Type
number
clientLeft
- Type
number
clientTop
- Type
number
clientWidth
- Type
number
cloneNode
Returns a copy of node. If deep is true, the copy also includes the node's descendants.
- Type
(deep?: boolean | undefined) => Node
closest
Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
- Type
{ <K extends keyof HTMLElementTagNameMap>(selector: K): | HTMLElementTagNameMap[K] | null <K extends keyof SVGElementTagNameMap>(selector: K): | SVGElementTagNameMap[K] | null <E extends Element = Element>(selectors: string): E | null }
COMMENT_NODE
node is a Comment node.
- Type
number
compareDocumentPosition
Returns a bitmask indicating the position of other relative to node.
- Type
(other: Node) => number
contains
Returns true if other is an inclusive descendant of node, and false otherwise.
- Type
(other: Node | null) => boolean
contentEditable
- Type
string
dataset
- Type
DOMStringMap
dir
- Type
string
dispatchEvent
Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.
- Type
(event: Event) => boolean
DOCUMENT_FRAGMENT_NODE
node is a DocumentFragment node.
- Type
number
DOCUMENT_NODE
node is a document.
- Type
number
DOCUMENT_POSITION_CONTAINED_BY
Set when other is a descendant of node.
- Type
number
DOCUMENT_POSITION_CONTAINS
Set when other is an ancestor of node.
- Type
number
DOCUMENT_POSITION_DISCONNECTED
Set when node and other are not in the same tree.
- Type
number
DOCUMENT_POSITION_FOLLOWING
Set when other is following node.
- Type
number
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
- Type
number
DOCUMENT_POSITION_PRECEDING
Set when other is preceding node.
- Type
number
DOCUMENT_TYPE_NODE
node is a doctype.
- Type
number
draggable
- Type
boolean
ELEMENT_NODE
node is an element.
- Type
number
enterKeyHint
- Type
string
ENTITY_NODE
- Type
number
ENTITY_REFERENCE_NODE
- Type
number
firstChild
Returns the first child.
- Type
ChildNode
firstElementChild
Returns the first child that is an element, and null otherwise.
- Type
Element
focus
- Type
(options?: FocusOptions | undefined) => void
getAnimations
- Type
( options?: GetAnimationsOptions | undefined ) => Animation[]
getAttribute
Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.
- Type
(qualifiedName: string) => string | null
getAttributeNames
Returns the qualified names of all element's attributes. Can contain duplicates.
- Type
() => string[]
getAttributeNode
- Type
(qualifiedName: string) => Attr | null
getAttributeNodeNS
- Type
( namespace: string | null, localName: string ) => Attr | null
getAttributeNS
Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.
- Type
( namespace: string | null, localName: string ) => string | null
getBoundingClientRect
- Type
() => DOMRect
getClientRects
- Type
() => DOMRectList
getElementsByClassName
Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.
- Type
(classNames: string) => HTMLCollectionOf<Element>
getElementsByTagName
- Type
{ <K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>; <K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<...>; (qualifiedName: string): HTMLCollectionOf<...>; }
getElementsByTagNameNS
- Type
{ (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>; (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<...>; (namespace: string | null, localName: string): HTMLCollectionOf<...>; }
getRootNode
Returns node's root.
- Type
(options?: GetRootNodeOptions | undefined) => Node
hasAttribute
Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.
- Type
(qualifiedName: string) => boolean
hasAttributeNS
Returns true if element has an attribute whose namespace is namespace and local name is localName.
- Type
(namespace: string | null, localName: string) => boolean
hasAttributes
Returns true if element has attributes, and false otherwise.
- Type
() => boolean
hasChildNodes
Returns whether node has children.
- Type
() => boolean
hasPointerCapture
- Type
(pointerId: number) => boolean
hidden
- Type
boolean
id
Returns the value of element's id content attribute. Can be set to change it.
- Type
string
inert
- Type
boolean
innerHTML
- Type
string
innerText
- Type
string
inputMode
- Type
string
insertAdjacentElement
- Type
( where: InsertPosition, element: Element ) => Element | null
insertAdjacentHTML
- Type
(position: InsertPosition, text: string) => void
insertAdjacentText
- Type
(where: InsertPosition, data: string) => void
insertBefore
- Type
<T extends Node>(node: T, child: Node | null) => T
isConnected
Returns true if node is connected and false otherwise.
- Type
boolean
isContentEditable
- Type
boolean
isDefaultNamespace
- Type
(namespace: string | null) => boolean
isEqualNode
Returns whether node and otherNode have the same properties.
- Type
(otherNode: Node | null) => boolean
isSameNode
- Type
(otherNode: Node | null) => boolean
lang
- Type
string
lastChild
Returns the last child.
- Type
ChildNode
lastElementChild
Returns the last child that is an element, and null otherwise.
- Type
Element
localName
Returns the local name.
- Type
string
lookupNamespaceURI
- Type
(prefix: string | null) => string | null
lookupPrefix
- Type
(namespace: string | null) => string | null
matches
Returns true if matching selectors against element's root yields element, and false otherwise.
- Type
(selectors: string) => boolean
namespaceURI
Returns the namespace.
- Type
string
nextElementSibling
Returns the first following sibling that is an element, and null otherwise.
- Type
Element
nextSibling
Returns the next sibling.
- Type
ChildNode
nodeName
Returns a string appropriate for the type of node.
- Type
string
nodeType
Returns the type of node.
- Type
number
nodeValue
- Type
string
nonce
- Type
string
normalize
Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.
- Type
() => void
NOTATION_NODE
- Type
number
offsetHeight
- Type
number
offsetLeft
- Type
number
offsetParent
- Type
Element
offsetTop
- Type
number
offsetWidth
- Type
number
onabort
Fires when the user aborts the download.
- Type
(this: GlobalEventHandlers, ev: UIEvent) => any
onanimationcancel
- Type
(this: GlobalEventHandlers, ev: AnimationEvent) => any
onanimationend
- Type
(this: GlobalEventHandlers, ev: AnimationEvent) => any
onanimationiteration
- Type
(this: GlobalEventHandlers, ev: AnimationEvent) => any
onanimationstart
- Type
(this: GlobalEventHandlers, ev: AnimationEvent) => any
onauxclick
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onbeforeinput
- Type
(this: GlobalEventHandlers, ev: InputEvent) => any
onblur
Fires when the object loses the input focus.
- Type
(this: GlobalEventHandlers, ev: FocusEvent) => any
oncancel
- Type
(this: GlobalEventHandlers, ev: Event) => any
oncanplay
Occurs when playback is possible, but would require further buffering.
- Type
(this: GlobalEventHandlers, ev: Event) => any
oncanplaythrough
- Type
(this: GlobalEventHandlers, ev: Event) => any
onchange
Fires when the contents of the object or selection have changed.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onclick
Fires when the user clicks the left mouse button on the object
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onclose
- Type
(this: GlobalEventHandlers, ev: Event) => any
oncontextmenu
Fires when the user clicks the right mouse button in the client area, opening the context menu.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
oncopy
- Type
( this: DocumentAndElementEventHandlers, ev: ClipboardEvent ) => any
oncuechange
- Type
(this: GlobalEventHandlers, ev: Event) => any
oncut
- Type
( this: DocumentAndElementEventHandlers, ev: ClipboardEvent ) => any
ondblclick
Fires when the user double-clicks the object.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
ondrag
Fires on the source object continuously during a drag operation.
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondragend
Fires on the source object when the user releases the mouse at the close of a drag operation.
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondragenter
Fires on the target element when the user drags the object to a valid drop target.
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondragleave
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondragover
Fires on the target element continuously while the user drags the object over a valid drop target.
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondragstart
Fires on the source object when the user starts to drag a text selection or selected object.
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondrop
- Type
(this: GlobalEventHandlers, ev: DragEvent) => any
ondurationchange
Occurs when the duration attribute is updated.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onemptied
Occurs when the media element is reset to its initial state.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onended
Occurs when the end of playback is reached.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onerror
Fires when an error occurs during object loading.
- Type
OnErrorEventHandlerNonNull
onfocus
Fires when the object receives focus.
- Type
(this: GlobalEventHandlers, ev: FocusEvent) => any
onformdata
- Type
(this: GlobalEventHandlers, ev: FormDataEvent) => any
onfullscreenchange
- Type
(this: Element, ev: Event) => any
onfullscreenerror
- Type
(this: Element, ev: Event) => any
ongotpointercapture
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
oninput
- Type
(this: GlobalEventHandlers, ev: Event) => any
oninvalid
- Type
(this: GlobalEventHandlers, ev: Event) => any
onkeydown
Fires when the user presses a key.
- Type
(this: GlobalEventHandlers, ev: KeyboardEvent) => any
onkeypress
Fires when the user presses an alphanumeric key.
- Type
(this: GlobalEventHandlers, ev: KeyboardEvent) => any
onkeyup
Fires when the user releases a key.
- Type
(this: GlobalEventHandlers, ev: KeyboardEvent) => any
onload
Fires immediately after the browser loads the object.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onloadeddata
Occurs when media data is loaded at the current playback position.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onloadedmetadata
Occurs when the duration and dimensions of the media have been determined.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onloadstart
Occurs when Internet Explorer begins looking for media data.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onlostpointercapture
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onmousedown
Fires when the user clicks the object with either mouse button.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onmouseenter
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onmouseleave
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onmousemove
Fires when the user moves the mouse over the object.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onmouseout
Fires when the user moves the mouse pointer outside the boundaries of the object.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onmouseover
Fires when the user moves the mouse pointer into the object.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onmouseup
Fires when the user releases a mouse button while the mouse is over the object.
- Type
(this: GlobalEventHandlers, ev: MouseEvent) => any
onpaste
- Type
( this: DocumentAndElementEventHandlers, ev: ClipboardEvent ) => any
onpause
Occurs when playback is paused.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onplay
Occurs when the play method is requested.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onplaying
Occurs when the audio or video has started playing.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onpointercancel
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerdown
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerenter
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerleave
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointermove
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerout
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerover
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerup
- Type
(this: GlobalEventHandlers, ev: PointerEvent) => any
onprogress
Occurs to indicate progress while downloading media data.
- Type
( this: GlobalEventHandlers, ev: ProgressEvent<EventTarget> ) => any
onratechange
Occurs when the playback rate is increased or decreased.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onreset
Fires when the user resets a form.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onresize
- Type
(this: GlobalEventHandlers, ev: UIEvent) => any
onscroll
Fires when the user repositions the scroll box in the scroll bar on the object.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onsecuritypolicyviolation
- Type
( this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent ) => any
onseeked
Occurs when the seek operation ends.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onseeking
Occurs when the current playback position is moved.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onselect
Fires when the current selection changes.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onselectionchange
- Type
(this: GlobalEventHandlers, ev: Event) => any
onselectstart
- Type
(this: GlobalEventHandlers, ev: Event) => any
onslotchange
- Type
(this: GlobalEventHandlers, ev: Event) => any
onstalled
Occurs when the download has stopped.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onsubmit
- Type
(this: GlobalEventHandlers, ev: SubmitEvent) => any
onsuspend
Occurs if the load operation has been intentionally halted.
- Type
(this: GlobalEventHandlers, ev: Event) => any
ontimeupdate
Occurs to indicate the current playback position.
- Type
(this: GlobalEventHandlers, ev: Event) => any
ontoggle
- Type
(this: GlobalEventHandlers, ev: Event) => any
ontouchcancel
- Type
(this: GlobalEventHandlers, ev: TouchEvent) => any
ontouchend
- Type
(this: GlobalEventHandlers, ev: TouchEvent) => any
ontouchmove
- Type
(this: GlobalEventHandlers, ev: TouchEvent) => any
ontouchstart
- Type
(this: GlobalEventHandlers, ev: TouchEvent) => any
ontransitioncancel
- Type
(this: GlobalEventHandlers, ev: TransitionEvent) => any
ontransitionend
- Type
(this: GlobalEventHandlers, ev: TransitionEvent) => any
ontransitionrun
- Type
(this: GlobalEventHandlers, ev: TransitionEvent) => any
ontransitionstart
- Type
(this: GlobalEventHandlers, ev: TransitionEvent) => any
onvolumechange
Occurs when the volume is changed, or playback is muted or unmuted.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onwaiting
Occurs when playback stops because the next frame of a video resource is not available.
- Type
(this: GlobalEventHandlers, ev: Event) => any
onwebkitanimationend
- Type
(this: GlobalEventHandlers, ev: Event) => any
onwebkitanimationiteration
- Type
(this: GlobalEventHandlers, ev: Event) => any
onwebkitanimationstart
- Type
(this: GlobalEventHandlers, ev: Event) => any
onwebkittransitionend
- Type
(this: GlobalEventHandlers, ev: Event) => any
onwheel
- Type
(this: GlobalEventHandlers, ev: WheelEvent) => any
outerHTML
- Type
string
outerText
- Type
string
ownerDocument
Returns the node document. Returns null for documents.
- Type
Document
parentElement
Returns the parent element.
- Type
HTMLElement
parentNode
Returns the parent.
- Type
ParentNode
part
- Type
DOMTokenList
prefix
Returns the namespace prefix.
- Type
string
prepend
Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes.
Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
- Type
(...nodes: (string | Node)[]) => void
previousElementSibling
Returns the first preceding sibling that is an element, and null otherwise.
- Type
Element
previousSibling
Returns the previous sibling.
- Type
ChildNode
PROCESSING_INSTRUCTION_NODE
node is a ProcessingInstruction node.
- Type
number
querySelector
Returns the first element that is a descendant of node that matches selectors.
- Type
{ <K extends keyof HTMLElementTagNameMap>(selectors: K): | HTMLElementTagNameMap[K] | null <K extends keyof SVGElementTagNameMap>(selectors: K): | SVGElementTagNameMap[K] | null <E extends Element = Element>(selectors: string): E | null }
querySelectorAll
Returns all element descendants of node that match selectors.
- Type
{ <K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; <K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<...>; <E extends Element = Element>(selectors: string): NodeListOf<...>; }
releasePointerCapture
- Type
(pointerId: number) => void
remove
Removes node.
- Type
() => void
removeAttribute
Removes element's first attribute whose qualified name is qualifiedName.
- Type
(qualifiedName: string) => void
removeAttributeNode
- Type
(attr: Attr) => Attr
removeAttributeNS
Removes element's attribute whose namespace is namespace and local name is localName.
- Type
(namespace: string | null, localName: string) => void
removeChild
- Type
<T extends Node>(child: T) => T
removeEventListener
Removes the event listener in target's event listener list with the same type, callback, and options.
Removes the event listener in target's event listener list with the same type, callback, and options.
- Type
{ <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLLIElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | ... 1 more ... | undefined): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | ... 1 more ... | undefined): void; }
replaceChild
- Type
<T extends Node>(node: Node, child: T) => T
replaceChildren
Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.
Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
- Type
(...nodes: (string | Node)[]) => void
replaceWith
Replaces node with nodes, while replacing strings in nodes with equivalent Text nodes.
Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
- Type
(...nodes: (string | Node)[]) => void
requestFullscreen
Displays element fullscreen and resolves promise when done.
When supplied, options's navigationUI member indicates whether showing navigation UI while in fullscreen is preferred or not. If set to "show", navigation simplicity is preferred over screen space, and if set to "hide", more screen space is preferred. User agents are always free to honor user preference over the application's. The default value "auto" indicates no application preference.
- Type
( options?: FullscreenOptions | undefined ) => Promise<void>
requestPointerLock
- Type
() => void
role
- Type
string
scroll
- Type
{ (options?: ScrollToOptions | undefined): void (x: number, y: number): void }
scrollBy
- Type
{ (options?: ScrollToOptions | undefined): void (x: number, y: number): void }
scrollHeight
- Type
number
scrollIntoView
- Type
( arg?: boolean | ScrollIntoViewOptions | undefined ) => void
scrollLeft
- Type
number
scrollTo
- Type
{ (options?: ScrollToOptions | undefined): void (x: number, y: number): void }
scrollTop
- Type
number
scrollWidth
- Type
number
setAttribute
Sets the value of element's first attribute whose qualified name is qualifiedName to value.
- Type
(qualifiedName: string, value: string) => void
setAttributeNode
- Type
(attr: Attr) => Attr | null
setAttributeNodeNS
- Type
(attr: Attr) => Attr | null
setAttributeNS
Sets the value of element's attribute whose namespace is namespace and local name is localName to value.
- Type
( namespace: string | null, qualifiedName: string, value: string ) => void
setPointerCapture
- Type
(pointerId: number) => void
shadowRoot
Returns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.
- Type
ShadowRoot
slot
Returns the value of element's slot content attribute. Can be set to change it.
- Type
string
spellcheck
- Type
boolean
style
- Type
CSSStyleDeclaration
tabIndex
- Type
number
tagName
Returns the HTML-uppercased qualified name.
- Type
string
TEXT_NODE
node is a Text node.
- Type
number
textContent
- Type
string
title
- Type
string
toggleAttribute
If force is not given, "toggles" qualifiedName, removing it if it is present and adding it if it is not present. If force is true, adds qualifiedName. If force is false, removes qualifiedName.
Returns true if qualifiedName is now present, and false otherwise.
- Type
( qualifiedName: string, force?: boolean | undefined ) => boolean
translate
- Type
boolean
type
- Type
string
value
Sets or retrieves the value of a list item.
- Type
number
webkitMatchesSelector
- Type
(selectors: string) => boolean
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
string- Default
CALLOUT_TEXT
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
about
- Type
string
accessKey
- Type
string
aria-activedescendant
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
- Type
string
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.
- Type
Booleanish
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.
- Type
"none" | "list" | "inline" | "both"
aria-braillelabel
Defines a string value that labels the current element, which is intended to be converted into Braille.
- Type
string
aria-brailleroledescription
Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
- Type
string
aria-busy
- Type
Booleanish
aria-checked
Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
- Type
boolean | "true" | "false" | "mixed"
aria-colcount
Defines the total number of columns in a table, grid, or treegrid.
- Type
number
aria-colindex
Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
- Type
number
aria-colindextext
Defines a human readable text alternative of aria-colindex.
- Type
string
aria-colspan
Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-controls
Identifies the element (or elements) whose contents or presence are controlled by the current element.
- Type
string
aria-current
Indicates the element that represents the current item within a container or set of related elements.
- Type
| boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"
aria-describedby
Identifies the element (or elements) that describes the object.
- Type
string
aria-description
Defines a string value that describes or annotates the current element.
- Type
string
aria-details
Identifies the element that provides a detailed, extended description for the object.
- Type
string
aria-disabled
Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
- Type
Booleanish
aria-dropeffect
Indicates what functions can be performed when a dragged object is released on the drop target.
- Type
"link" | "none" | "copy" | "execute" | "move" | "popup"
aria-errormessage
Identifies the element that provides an error message for the object.
- Type
string
aria-expanded
Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
- Type
Booleanish
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.
- Type
string
aria-grabbed
Indicates an element's "grabbed" state in a drag-and-drop operation.
- Type
Booleanish
aria-haspopup
Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
- Type
| boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"
aria-hidden
Indicates whether the element is exposed to an accessibility API.
- Type
Booleanish
aria-invalid
Indicates the entered value does not conform to the format expected by the application.
- Type
boolean | "true" | "false" | "grammar" | "spelling"
aria-keyshortcuts
Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
- Type
string
aria-label
Defines a string value that labels the current element.
- Type
string
aria-labelledby
Identifies the element (or elements) that labels the current element.
- Type
string
aria-level
Defines the hierarchical level of an element within a structure.
- Type
number
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.
- Type
"off" | "assertive" | "polite"
aria-modal
Indicates whether an element is modal when displayed.
- Type
Booleanish
aria-multiline
Indicates whether a text box accepts multiple lines of input or only a single line.
- Type
Booleanish
aria-multiselectable
Indicates that the user may select more than one item from the current selectable descendants.
- Type
Booleanish
aria-orientation
Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
- Type
"horizontal" | "vertical"
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.
- Type
string
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.
- Type
string
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.
- Type
number
aria-pressed
Indicates the current "pressed" state of toggle buttons.
- Type
boolean | "true" | "false" | "mixed"
aria-readonly
Indicates that the element is not editable, but is otherwise operable.
- Type
Booleanish
aria-relevant
Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
- Type
| "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"
aria-required
Indicates that user input is required on the element before a form may be submitted.
- Type
Booleanish
aria-roledescription
Defines a human-readable, author-localized description for the role of an element.
- Type
string
aria-rowcount
Defines the total number of rows in a table, grid, or treegrid.
- Type
number
aria-rowindex
Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
- Type
number
aria-rowindextext
Defines a human readable text alternative of aria-rowindex.
- Type
string
aria-rowspan
Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
- Type
number
aria-selected
Indicates the current "selected" state of various widgets.
- Type
Booleanish
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.
- Type
number
aria-sort
Indicates if items in a table or grid are sorted in ascending or descending order.
- Type
"none" | "ascending" | "descending" | "other"
aria-valuemax
Defines the maximum allowed value for a range widget.
- Type
number
aria-valuemin
Defines the minimum allowed value for a range widget.
- Type
number
aria-valuenow
Defines the current value for a range widget.
- Type
number
aria-valuetext
Defines the human readable text alternative of aria-valuenow for a range widget.
- Type
string
autoCapitalize
- Type
| "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})
autoCorrect
- Type
string
autoFocus
- Type
boolean
autoSave
- Type
string
content
- Type
string
contentEditable
- Type
Booleanish | "inherit" | "plaintext-only"
contextMenu
- Type
string
dangerouslySetInnerHTML
- Type
{ __html: string | TrustedHTML }
datatype
- Type
string
defaultChecked
- Type
boolean
defaultValue
- Type
string | number | readonly string[]
dir
- Type
string
draggable
- Type
Booleanish
enterKeyHint
- Type
| "search" | "enter" | "done" | "go" | "next" | "previous" | "send"
hidden
- Type
boolean
id
- Type
string
inert
- Type
boolean
inlist
- Type
any
inputMode
Hints at the type of data that might be entered by the user while editing the element or its contents
- Type
| "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal"
is
Specify that a standard HTML element should behave like a defined custom built-in element
- Type
string
itemID
- Type
string
itemProp
- Type
string
itemRef
- Type
string
itemScope
- Type
boolean
itemType
- Type
string
key
- Type
Key
lang
- Type
string
nonce
- Type
string
onAbort
- Type
ReactEventHandler<HTMLParagraphElement>
onAbortCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onAnimationEnd
- Type
AnimationEventHandler<HTMLParagraphElement>
onAnimationEndCapture
- Type
AnimationEventHandler<HTMLParagraphElement>
onAnimationIteration
- Type
AnimationEventHandler<HTMLParagraphElement>
onAnimationIterationCapture
- Type
AnimationEventHandler<HTMLParagraphElement>
onAnimationStart
- Type
AnimationEventHandler<HTMLParagraphElement>
onAnimationStartCapture
- Type
AnimationEventHandler<HTMLParagraphElement>
onAuxClick
- Type
MouseEventHandler<HTMLParagraphElement>
onAuxClickCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onBeforeInput
- Type
FormEventHandler<HTMLParagraphElement>
onBeforeInputCapture
- Type
FormEventHandler<HTMLParagraphElement>
onBeforeToggle
- Type
ToggleEventHandler<HTMLParagraphElement>
onBlur
- Type
FocusEventHandler<HTMLParagraphElement>
onBlurCapture
- Type
FocusEventHandler<HTMLParagraphElement>
onCanPlay
- Type
ReactEventHandler<HTMLParagraphElement>
onCanPlayCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onCanPlayThrough
- Type
ReactEventHandler<HTMLParagraphElement>
onCanPlayThroughCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onChange
- Type
FormEventHandler<HTMLParagraphElement>
onChangeCapture
- Type
FormEventHandler<HTMLParagraphElement>
onClick
- Type
MouseEventHandler<HTMLParagraphElement>
onClickCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onCompositionEnd
- Type
CompositionEventHandler<HTMLParagraphElement>
onCompositionEndCapture
- Type
CompositionEventHandler<HTMLParagraphElement>
onCompositionStart
- Type
CompositionEventHandler<HTMLParagraphElement>
onCompositionStartCapture
- Type
CompositionEventHandler<HTMLParagraphElement>
onCompositionUpdate
- Type
CompositionEventHandler<HTMLParagraphElement>
onCompositionUpdateCapture
- Type
CompositionEventHandler<HTMLParagraphElement>
onContextMenu
- Type
MouseEventHandler<HTMLParagraphElement>
onContextMenuCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onCopy
- Type
ClipboardEventHandler<HTMLParagraphElement>
onCopyCapture
- Type
ClipboardEventHandler<HTMLParagraphElement>
onCut
- Type
ClipboardEventHandler<HTMLParagraphElement>
onCutCapture
- Type
ClipboardEventHandler<HTMLParagraphElement>
onDoubleClick
- Type
MouseEventHandler<HTMLParagraphElement>
onDoubleClickCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onDrag
- Type
DragEventHandler<HTMLParagraphElement>
onDragCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDragEnd
- Type
DragEventHandler<HTMLParagraphElement>
onDragEndCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDragEnter
- Type
DragEventHandler<HTMLParagraphElement>
onDragEnterCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDragExit
- Type
DragEventHandler<HTMLParagraphElement>
onDragExitCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDragLeave
- Type
DragEventHandler<HTMLParagraphElement>
onDragLeaveCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDragOver
- Type
DragEventHandler<HTMLParagraphElement>
onDragOverCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDragStart
- Type
DragEventHandler<HTMLParagraphElement>
onDragStartCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDrop
- Type
DragEventHandler<HTMLParagraphElement>
onDropCapture
- Type
DragEventHandler<HTMLParagraphElement>
onDurationChange
- Type
ReactEventHandler<HTMLParagraphElement>
onDurationChangeCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onEmptied
- Type
ReactEventHandler<HTMLParagraphElement>
onEmptiedCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onEncrypted
- Type
ReactEventHandler<HTMLParagraphElement>
onEncryptedCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onEnded
- Type
ReactEventHandler<HTMLParagraphElement>
onEndedCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onError
- Type
ReactEventHandler<HTMLParagraphElement>
onErrorCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onFocus
- Type
FocusEventHandler<HTMLParagraphElement>
onFocusCapture
- Type
FocusEventHandler<HTMLParagraphElement>
onGotPointerCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onGotPointerCaptureCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onInput
- Type
FormEventHandler<HTMLParagraphElement>
onInputCapture
- Type
FormEventHandler<HTMLParagraphElement>
onInvalid
- Type
FormEventHandler<HTMLParagraphElement>
onInvalidCapture
- Type
FormEventHandler<HTMLParagraphElement>
onKeyDown
- Type
KeyboardEventHandler<HTMLParagraphElement>
onKeyDownCapture
- Type
KeyboardEventHandler<HTMLParagraphElement>
onKeyPress
- Type
KeyboardEventHandler<HTMLParagraphElement>
onKeyPressCapture
- Type
KeyboardEventHandler<HTMLParagraphElement>
onKeyUp
- Type
KeyboardEventHandler<HTMLParagraphElement>
onKeyUpCapture
- Type
KeyboardEventHandler<HTMLParagraphElement>
onLoad
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadedData
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadedDataCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadedMetadata
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadedMetadataCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadStart
- Type
ReactEventHandler<HTMLParagraphElement>
onLoadStartCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onLostPointerCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onLostPointerCaptureCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onMouseDown
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseDownCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseEnter
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseLeave
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseMove
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseMoveCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseOut
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseOutCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseOver
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseOverCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseUp
- Type
MouseEventHandler<HTMLParagraphElement>
onMouseUpCapture
- Type
MouseEventHandler<HTMLParagraphElement>
onPaste
- Type
ClipboardEventHandler<HTMLParagraphElement>
onPasteCapture
- Type
ClipboardEventHandler<HTMLParagraphElement>
onPause
- Type
ReactEventHandler<HTMLParagraphElement>
onPauseCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onPlay
- Type
ReactEventHandler<HTMLParagraphElement>
onPlayCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onPlaying
- Type
ReactEventHandler<HTMLParagraphElement>
onPlayingCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onPointerCancel
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerCancelCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerDown
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerDownCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerEnter
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerLeave
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerMove
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerMoveCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerOut
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerOutCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerOver
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerOverCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerUp
- Type
PointerEventHandler<HTMLParagraphElement>
onPointerUpCapture
- Type
PointerEventHandler<HTMLParagraphElement>
onProgress
- Type
ReactEventHandler<HTMLParagraphElement>
onProgressCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onRateChange
- Type
ReactEventHandler<HTMLParagraphElement>
onRateChangeCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onReset
- Type
FormEventHandler<HTMLParagraphElement>
onResetCapture
- Type
FormEventHandler<HTMLParagraphElement>
onResize
- Type
ReactEventHandler<HTMLParagraphElement>
onResizeCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onScroll
- Type
UIEventHandler<HTMLParagraphElement>
onScrollCapture
- Type
UIEventHandler<HTMLParagraphElement>
onSeeked
- Type
ReactEventHandler<HTMLParagraphElement>
onSeekedCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onSeeking
- Type
ReactEventHandler<HTMLParagraphElement>
onSeekingCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onSelect
- Type
ReactEventHandler<HTMLParagraphElement>
onSelectCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onStalled
- Type
ReactEventHandler<HTMLParagraphElement>
onStalledCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onSubmit
- Type
FormEventHandler<HTMLParagraphElement>
onSubmitCapture
- Type
FormEventHandler<HTMLParagraphElement>
onSuspend
- Type
ReactEventHandler<HTMLParagraphElement>
onSuspendCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onTimeUpdate
- Type
ReactEventHandler<HTMLParagraphElement>
onTimeUpdateCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onToggle
- Type
ToggleEventHandler<HTMLParagraphElement>
onTouchCancel
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchCancelCapture
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchEnd
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchEndCapture
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchMove
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchMoveCapture
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchStart
- Type
TouchEventHandler<HTMLParagraphElement>
onTouchStartCapture
- Type
TouchEventHandler<HTMLParagraphElement>
onTransitionCancel
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionCancelCapture
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionEnd
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionEndCapture
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionRun
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionRunCapture
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionStart
- Type
TransitionEventHandler<HTMLParagraphElement>
onTransitionStartCapture
- Type
TransitionEventHandler<HTMLParagraphElement>
onVolumeChange
- Type
ReactEventHandler<HTMLParagraphElement>
onVolumeChangeCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onWaiting
- Type
ReactEventHandler<HTMLParagraphElement>
onWaitingCapture
- Type
ReactEventHandler<HTMLParagraphElement>
onWheel
- Type
WheelEventHandler<HTMLParagraphElement>
onWheelCapture
- Type
WheelEventHandler<HTMLParagraphElement>
popover
- Type
"" | "auto" | "manual"
popoverTarget
- Type
string
popoverTargetAction
- Type
"toggle" | "show" | "hide"
prefix
- Type
string
property
- Type
string
radioGroup
- Type
string
rel
- Type
string
resource
- Type
string
results
- Type
number
rev
- Type
string
role
- Type
AriaRole
security
- Type
string
slot
- Type
string
spellCheck
- Type
Booleanish
suppressContentEditableWarning
- Type
boolean
suppressHydrationWarning
- Type
boolean
tabIndex
- Type
number
title
- Type
string
translate
- Type
"yes" | "no"
typeof
- Type
string
unselectable
- Type
"off" | "on"
vocab
- Type
string