API Reference

RangeStartDragHandleProps

interface

Props for RangeStartDragHandle (edge is fixed to "start").

Defined in package/src/types.ts:760

Prop Type Default Description

hidden boolean | undefined —

slot string | undefined —

style React.CSSProperties | undefined —

title string | undefined —

ref React.Ref<HTMLSpanElement> | undefined — Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref).

key React.Key | null | undefined —

defaultChecked boolean | undefined —

defaultValue string | number | readonly string[] | undefined —

suppressContentEditableWarning boolean | undefined —

suppressHydrationWarning boolean | undefined —

accessKey string | undefined —

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

autoFocus boolean | undefined —

className string | undefined —

contentEditable Booleanish | "inherit" | "plaintext-only" | undefined —

contextMenu string | undefined —

dir string | undefined —

draggable Booleanish | undefined —

id string | undefined —

lang string | undefined —

nonce string | undefined —

spellCheck Booleanish | undefined —

tabIndex number | undefined —

translate "yes" | "no" | undefined —

radioGroup string | undefined —

role React.AriaRole | undefined —

about string | undefined —

content string | undefined —

datatype string | undefined —

inlist any —

prefix string | undefined —

property string | undefined —

rel string | undefined —

resource string | undefined —

rev string | undefined —

typeof string | undefined —

vocab string | undefined —

autoCorrect string | undefined —

autoSave string | undefined —

color string | undefined —

itemProp string | undefined —

itemScope boolean | undefined —

itemType string | undefined —

itemID string | undefined —

itemRef string | undefined —

results number | undefined —

security string | undefined —

unselectable "off" | "on" | undefined —

popover "" | "auto" | "manual" | "hint" | undefined —

popoverTargetAction "toggle" | "show" | "hide" | undefined —

popoverTarget string | undefined —

inert boolean | undefined —

is string | undefined — Specify that a standard HTML element should behave like a defined custom built-in element

exportparts string | undefined —

part string | undefined —

aria-activedescendant string | undefined — Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

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

aria-autocomplete "none" | "list" | "inline" | "both" | undefined — Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

aria-braillelabel string | undefined — Defines a string value that labels the current element, which is intended to be converted into Braille.

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

aria-busy Booleanish | undefined —

aria-checked boolean | "true" | "false" | "mixed" | undefined — Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

aria-colcount number | undefined — Defines the total number of columns in a table, grid, or treegrid.

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

aria-colindextext string | undefined — Defines a human readable text alternative of aria-colindex.

aria-colspan number | undefined — Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

aria-controls string | undefined — Identifies the element (or elements) whose contents or presence are controlled by the current element.

aria-describedby string | undefined — Identifies the element (or elements) that describes the object.

aria-description string | undefined — Defines a string value that describes or annotates the current element.

aria-details string | undefined — Identifies the element that provides a detailed, extended description for the object.

aria-disabled Booleanish | undefined — Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

aria-errormessage string | undefined — Identifies the element that provides an error message for the object.

aria-expanded Booleanish | undefined — Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

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

aria-grabbed Booleanish | undefined — Indicates an element's "grabbed" state in a drag-and-drop operation.

aria-hidden Booleanish | undefined — Indicates whether the element is exposed to an accessibility API.

aria-keyshortcuts string | undefined — Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

aria-label string | undefined — Defines a string value that labels the current element.

aria-labelledby string | undefined — Identifies the element (or elements) that labels the current element.

aria-level number | undefined — Defines the hierarchical level of an element within a structure.

aria-live "off" | "assertive" | "polite" | undefined — Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

aria-modal Booleanish | undefined — Indicates whether an element is modal when displayed.

aria-multiline Booleanish | undefined — Indicates whether a text box accepts multiple lines of input or only a single line.

aria-multiselectable Booleanish | undefined — Indicates that the user may select more than one item from the current selectable descendants.

aria-orientation "horizontal" | "vertical" | undefined — Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

aria-owns string | undefined — 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.

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

aria-posinset number | undefined — 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.

aria-pressed boolean | "true" | "false" | "mixed" | undefined — Indicates the current "pressed" state of toggle buttons.

aria-readonly Booleanish | undefined — Indicates that the element is not editable, but is otherwise operable.

aria-required Booleanish | undefined — Indicates that user input is required on the element before a form may be submitted.

aria-roledescription string | undefined — Defines a human-readable, author-localized description for the role of an element.

aria-rowcount number | undefined — Defines the total number of rows in a table, grid, or treegrid.

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

aria-rowindextext string | undefined — Defines a human readable text alternative of aria-rowindex.

aria-rowspan number | undefined — Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

aria-selected Booleanish | undefined — Indicates the current "selected" state of various widgets.

aria-setsize number | undefined — 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.

aria-sort "none" | "ascending" | "descending" | "other" | undefined — Indicates if items in a table or grid are sorted in ascending or descending order.

aria-valuemax number | undefined — Defines the maximum allowed value for a range widget.

aria-valuemin number | undefined — Defines the minimum allowed value for a range widget.

aria-valuenow number | undefined — Defines the current value for a range widget.

aria-valuetext string | undefined — Defines the human readable text alternative of aria-valuenow for a range widget.

children React.ReactNode —

dangerouslySetInnerHTML { __html: string | TrustedHTML; } | undefined —

onCopy React.ClipboardEventHandler<HTMLSpanElement> | undefined —

onCopyCapture React.ClipboardEventHandler<HTMLSpanElement> | undefined —

onCut React.ClipboardEventHandler<HTMLSpanElement> | undefined —

onCutCapture React.ClipboardEventHandler<HTMLSpanElement> | undefined —

onPaste React.ClipboardEventHandler<HTMLSpanElement> | undefined —

onPasteCapture React.ClipboardEventHandler<HTMLSpanElement> | undefined —

onCompositionEnd React.CompositionEventHandler<HTMLSpanElement> | undefined —

onCompositionEndCapture React.CompositionEventHandler<HTMLSpanElement> | undefined —

onCompositionStart React.CompositionEventHandler<HTMLSpanElement> | undefined —

onCompositionStartCapture React.CompositionEventHandler<HTMLSpanElement> | undefined —

onCompositionUpdate React.CompositionEventHandler<HTMLSpanElement> | undefined —

onCompositionUpdateCapture React.CompositionEventHandler<HTMLSpanElement> | undefined —

onFocus React.FocusEventHandler<HTMLSpanElement> | undefined —

onFocusCapture React.FocusEventHandler<HTMLSpanElement> | undefined —

onBlur React.FocusEventHandler<HTMLSpanElement> | undefined —

onBlurCapture React.FocusEventHandler<HTMLSpanElement> | undefined —

onChange React.ChangeEventHandler<HTMLSpanElement, Element> | undefined —

onChangeCapture React.ChangeEventHandler<HTMLSpanElement, Element> | undefined —

onBeforeInput React.InputEventHandler<HTMLSpanElement> | undefined —

onBeforeInputCapture React.InputEventHandler<HTMLSpanElement> | undefined —

onInput React.InputEventHandler<HTMLSpanElement> | undefined —

onInputCapture React.InputEventHandler<HTMLSpanElement> | undefined —

onReset React.ReactEventHandler<HTMLSpanElement> | undefined —

onResetCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onSubmit React.SubmitEventHandler<HTMLSpanElement> | undefined —

onSubmitCapture React.SubmitEventHandler<HTMLSpanElement> | undefined —

onInvalid React.ReactEventHandler<HTMLSpanElement> | undefined —

onInvalidCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoad React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onError React.ReactEventHandler<HTMLSpanElement> | undefined —

onErrorCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onKeyDown React.KeyboardEventHandler<HTMLSpanElement> | undefined —

onKeyDownCapture React.KeyboardEventHandler<HTMLSpanElement> | undefined —

onKeyPress React.KeyboardEventHandler<HTMLSpanElement> | undefined —

onKeyPressCapture React.KeyboardEventHandler<HTMLSpanElement> | undefined —

onKeyUp React.KeyboardEventHandler<HTMLSpanElement> | undefined —

onKeyUpCapture React.KeyboardEventHandler<HTMLSpanElement> | undefined —

onAbort React.ReactEventHandler<HTMLSpanElement> | undefined —

onAbortCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onCanPlay React.ReactEventHandler<HTMLSpanElement> | undefined —

onCanPlayCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onCanPlayThrough React.ReactEventHandler<HTMLSpanElement> | undefined —

onCanPlayThroughCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onDurationChange React.ReactEventHandler<HTMLSpanElement> | undefined —

onDurationChangeCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onEmptied React.ReactEventHandler<HTMLSpanElement> | undefined —

onEmptiedCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onEncrypted React.ReactEventHandler<HTMLSpanElement> | undefined —

onEncryptedCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onEnded React.ReactEventHandler<HTMLSpanElement> | undefined —

onEndedCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadedData React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadedDataCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadedMetadata React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadedMetadataCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadStart React.ReactEventHandler<HTMLSpanElement> | undefined —

onLoadStartCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onPause React.ReactEventHandler<HTMLSpanElement> | undefined —

onPauseCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onPlay React.ReactEventHandler<HTMLSpanElement> | undefined —

onPlayCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onPlaying React.ReactEventHandler<HTMLSpanElement> | undefined —

onPlayingCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onProgress React.ReactEventHandler<HTMLSpanElement> | undefined —

onProgressCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onRateChange React.ReactEventHandler<HTMLSpanElement> | undefined —

onRateChangeCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onSeeked React.ReactEventHandler<HTMLSpanElement> | undefined —

onSeekedCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onSeeking React.ReactEventHandler<HTMLSpanElement> | undefined —

onSeekingCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onStalled React.ReactEventHandler<HTMLSpanElement> | undefined —

onStalledCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onSuspend React.ReactEventHandler<HTMLSpanElement> | undefined —

onSuspendCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onTimeUpdate React.ReactEventHandler<HTMLSpanElement> | undefined —

onTimeUpdateCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onVolumeChange React.ReactEventHandler<HTMLSpanElement> | undefined —

onVolumeChangeCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onWaiting React.ReactEventHandler<HTMLSpanElement> | undefined —

onWaitingCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onAuxClick React.MouseEventHandler<HTMLSpanElement> | undefined —

onAuxClickCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onClick React.MouseEventHandler<HTMLSpanElement> | undefined —

onClickCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onContextMenu React.MouseEventHandler<HTMLSpanElement> | undefined —

onContextMenuCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onDoubleClick React.MouseEventHandler<HTMLSpanElement> | undefined —

onDoubleClickCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onDrag React.DragEventHandler<HTMLSpanElement> | undefined —

onDragCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDragEnd React.DragEventHandler<HTMLSpanElement> | undefined —

onDragEndCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDragEnter React.DragEventHandler<HTMLSpanElement> | undefined —

onDragEnterCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDragExit React.DragEventHandler<HTMLSpanElement> | undefined —

onDragExitCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDragLeave React.DragEventHandler<HTMLSpanElement> | undefined —

onDragLeaveCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDragOver React.DragEventHandler<HTMLSpanElement> | undefined —

onDragOverCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDragStart React.DragEventHandler<HTMLSpanElement> | undefined —

onDragStartCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onDrop React.DragEventHandler<HTMLSpanElement> | undefined —

onDropCapture React.DragEventHandler<HTMLSpanElement> | undefined —

onMouseDown React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseDownCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseEnter React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseLeave React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseMove React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseMoveCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseOut React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseOutCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseOver React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseOverCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseUp React.MouseEventHandler<HTMLSpanElement> | undefined —

onMouseUpCapture React.MouseEventHandler<HTMLSpanElement> | undefined —

onSelect React.ReactEventHandler<HTMLSpanElement> | undefined —

onSelectCapture React.ReactEventHandler<HTMLSpanElement> | undefined —

onTouchCancel React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchCancelCapture React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchEnd React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchEndCapture React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchMove React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchMoveCapture React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchStart React.TouchEventHandler<HTMLSpanElement> | undefined —

onTouchStartCapture React.TouchEventHandler<HTMLSpanElement> | undefined —

onPointerDown React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerDownCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerMove React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerMoveCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerUp React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerUpCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerCancel React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerCancelCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerEnter React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerLeave React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerOver React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerOverCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerOut React.PointerEventHandler<HTMLSpanElement> | undefined —

onPointerOutCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onGotPointerCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onGotPointerCaptureCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onLostPointerCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onLostPointerCaptureCapture React.PointerEventHandler<HTMLSpanElement> | undefined —

onScroll React.UIEventHandler<HTMLSpanElement> | undefined —

onScrollCapture React.UIEventHandler<HTMLSpanElement> | undefined —

onScrollEnd React.UIEventHandler<HTMLSpanElement> | undefined —

onScrollEndCapture React.UIEventHandler<HTMLSpanElement> | undefined —

onWheel React.WheelEventHandler<HTMLSpanElement> | undefined —

onWheelCapture React.WheelEventHandler<HTMLSpanElement> | undefined —

onAnimationStart React.AnimationEventHandler<HTMLSpanElement> | undefined —

onAnimationStartCapture React.AnimationEventHandler<HTMLSpanElement> | undefined —

onAnimationEnd React.AnimationEventHandler<HTMLSpanElement> | undefined —

onAnimationEndCapture React.AnimationEventHandler<HTMLSpanElement> | undefined —

onAnimationIteration React.AnimationEventHandler<HTMLSpanElement> | undefined —

onAnimationIterationCapture React.AnimationEventHandler<HTMLSpanElement> | undefined —

onToggle React.ToggleEventHandler<HTMLSpanElement> | undefined —

onBeforeToggle React.ToggleEventHandler<HTMLSpanElement> | undefined —

onTransitionCancel React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionCancelCapture React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionEnd React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionEndCapture React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionRun React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionRunCapture React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionStart React.TransitionEventHandler<HTMLSpanElement> | undefined —

onTransitionStartCapture React.TransitionEventHandler<HTMLSpanElement> | undefined —

render React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, DragHandleState<F>> | undefined — Allows you to replace the component’s HTML element with a different tag, or compose it with another component. Accepts a ReactElement or a function that returns the element to render.

dragging boolean — Whether this handle is currently being dragged.

Prop	Type	Default	Description
hidden	boolean \| undefined	—
slot	string \| undefined	—
style	React.CSSProperties \| undefined	—
title	string \| undefined	—
ref	React.Ref<HTMLSpanElement> \| undefined	—	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
key	React.Key \| null \| undefined	—
defaultChecked	boolean \| undefined	—
defaultValue	string \| number \| readonly string[] \| undefined	—
suppressContentEditableWarning	boolean \| undefined	—
suppressHydrationWarning	boolean \| undefined	—
accessKey	string \| undefined	—
autoCapitalize	"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {}) \| undefined	—
autoFocus	boolean \| undefined	—
className	string \| undefined	—
contentEditable	Booleanish \| "inherit" \| "plaintext-only" \| undefined	—
contextMenu	string \| undefined	—
dir	string \| undefined	—
draggable	Booleanish \| undefined	—
enterKeyHint	"search" \| "enter" \| "done" \| "go" \| "next" \| "previous" \| "send" \| undefined	—
id	string \| undefined	—
lang	string \| undefined	—
nonce	string \| undefined	—
spellCheck	Booleanish \| undefined	—
tabIndex	number \| undefined	—
translate	"yes" \| "no" \| undefined	—
radioGroup	string \| undefined	—
role	React.AriaRole \| undefined	—
about	string \| undefined	—
content	string \| undefined	—
datatype	string \| undefined	—
inlist	any	—
prefix	string \| undefined	—
property	string \| undefined	—
rel	string \| undefined	—
resource	string \| undefined	—
rev	string \| undefined	—
typeof	string \| undefined	—
vocab	string \| undefined	—
autoCorrect	string \| undefined	—
autoSave	string \| undefined	—
color	string \| undefined	—
itemProp	string \| undefined	—
itemScope	boolean \| undefined	—
itemType	string \| undefined	—
itemID	string \| undefined	—
itemRef	string \| undefined	—
results	number \| undefined	—
security	string \| undefined	—
unselectable	"off" \| "on" \| undefined	—
popover	"" \| "auto" \| "manual" \| "hint" \| undefined	—
popoverTargetAction	"toggle" \| "show" \| "hide" \| undefined	—
popoverTarget	string \| undefined	—
inert	boolean \| undefined	—
inputMode	"search" \| "text" \| "none" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal" \| undefined	—	Hints at the type of data that might be entered by the user while editing the element or its contents
is	string \| undefined	—	Specify that a standard HTML element should behave like a defined custom built-in element
exportparts	string \| undefined	—
part	string \| undefined	—
aria-activedescendant	string \| undefined	—	Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
aria-atomic	Booleanish \| undefined	—	Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
aria-autocomplete	"none" \| "list" \| "inline" \| "both" \| undefined	—	Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.
aria-braillelabel	string \| undefined	—	Defines a string value that labels the current element, which is intended to be converted into Braille.
aria-brailleroledescription	string \| undefined	—	Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
aria-busy	Booleanish \| undefined	—
aria-checked	boolean \| "true" \| "false" \| "mixed" \| undefined	—	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
aria-colcount	number \| undefined	—	Defines the total number of columns in a table, grid, or treegrid.
aria-colindex	number \| undefined	—	Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
aria-colindextext	string \| undefined	—	Defines a human readable text alternative of aria-colindex.
aria-colspan	number \| undefined	—	Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
aria-controls	string \| undefined	—	Identifies the element (or elements) whose contents or presence are controlled by the current element.
aria-current	boolean \| "time" \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| undefined	—	Indicates the element that represents the current item within a container or set of related elements.
aria-describedby	string \| undefined	—	Identifies the element (or elements) that describes the object.
aria-description	string \| undefined	—	Defines a string value that describes or annotates the current element.
aria-details	string \| undefined	—	Identifies the element that provides a detailed, extended description for the object.
aria-disabled	Booleanish \| undefined	—	Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
aria-dropeffect	"link" \| "none" \| "copy" \| "execute" \| "move" \| "popup" \| undefined	—	Indicates what functions can be performed when a dragged object is released on the drop target.
aria-errormessage	string \| undefined	—	Identifies the element that provides an error message for the object.
aria-expanded	Booleanish \| undefined	—	Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
aria-flowto	string \| undefined	—	Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.
aria-grabbed	Booleanish \| undefined	—	Indicates an element's "grabbed" state in a drag-and-drop operation.
aria-haspopup	boolean \| "dialog" \| "menu" \| "grid" \| "true" \| "false" \| "listbox" \| "tree" \| undefined	—	Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
aria-hidden	Booleanish \| undefined	—	Indicates whether the element is exposed to an accessibility API.
aria-invalid	boolean \| "true" \| "false" \| "grammar" \| "spelling" \| undefined	—	Indicates the entered value does not conform to the format expected by the application.
aria-keyshortcuts	string \| undefined	—	Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
aria-label	string \| undefined	—	Defines a string value that labels the current element.
aria-labelledby	string \| undefined	—	Identifies the element (or elements) that labels the current element.
aria-level	number \| undefined	—	Defines the hierarchical level of an element within a structure.
aria-live	"off" \| "assertive" \| "polite" \| undefined	—	Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
aria-modal	Booleanish \| undefined	—	Indicates whether an element is modal when displayed.
aria-multiline	Booleanish \| undefined	—	Indicates whether a text box accepts multiple lines of input or only a single line.
aria-multiselectable	Booleanish \| undefined	—	Indicates that the user may select more than one item from the current selectable descendants.
aria-orientation	"horizontal" \| "vertical" \| undefined	—	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
aria-owns	string \| undefined	—	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.
aria-placeholder	string \| undefined	—	Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.
aria-posinset	number \| undefined	—	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.
aria-pressed	boolean \| "true" \| "false" \| "mixed" \| undefined	—	Indicates the current "pressed" state of toggle buttons.
aria-readonly	Booleanish \| undefined	—	Indicates that the element is not editable, but is otherwise operable.
aria-relevant	"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals" \| undefined	—	Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
aria-required	Booleanish \| undefined	—	Indicates that user input is required on the element before a form may be submitted.
aria-roledescription	string \| undefined	—	Defines a human-readable, author-localized description for the role of an element.
aria-rowcount	number \| undefined	—	Defines the total number of rows in a table, grid, or treegrid.
aria-rowindex	number \| undefined	—	Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
aria-rowindextext	string \| undefined	—	Defines a human readable text alternative of aria-rowindex.
aria-rowspan	number \| undefined	—	Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
aria-selected	Booleanish \| undefined	—	Indicates the current "selected" state of various widgets.
aria-setsize	number \| undefined	—	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.
aria-sort	"none" \| "ascending" \| "descending" \| "other" \| undefined	—	Indicates if items in a table or grid are sorted in ascending or descending order.
aria-valuemax	number \| undefined	—	Defines the maximum allowed value for a range widget.
aria-valuemin	number \| undefined	—	Defines the minimum allowed value for a range widget.
aria-valuenow	number \| undefined	—	Defines the current value for a range widget.
aria-valuetext	string \| undefined	—	Defines the human readable text alternative of aria-valuenow for a range widget.
children	React.ReactNode	—
dangerouslySetInnerHTML	{ __html: string \| TrustedHTML; } \| undefined	—
onCopy	React.ClipboardEventHandler<HTMLSpanElement> \| undefined	—
onCopyCapture	React.ClipboardEventHandler<HTMLSpanElement> \| undefined	—
onCut	React.ClipboardEventHandler<HTMLSpanElement> \| undefined	—
onCutCapture	React.ClipboardEventHandler<HTMLSpanElement> \| undefined	—
onPaste	React.ClipboardEventHandler<HTMLSpanElement> \| undefined	—
onPasteCapture	React.ClipboardEventHandler<HTMLSpanElement> \| undefined	—
onCompositionEnd	React.CompositionEventHandler<HTMLSpanElement> \| undefined	—
onCompositionEndCapture	React.CompositionEventHandler<HTMLSpanElement> \| undefined	—
onCompositionStart	React.CompositionEventHandler<HTMLSpanElement> \| undefined	—
onCompositionStartCapture	React.CompositionEventHandler<HTMLSpanElement> \| undefined	—
onCompositionUpdate	React.CompositionEventHandler<HTMLSpanElement> \| undefined	—
onCompositionUpdateCapture	React.CompositionEventHandler<HTMLSpanElement> \| undefined	—
onFocus	React.FocusEventHandler<HTMLSpanElement> \| undefined	—
onFocusCapture	React.FocusEventHandler<HTMLSpanElement> \| undefined	—
onBlur	React.FocusEventHandler<HTMLSpanElement> \| undefined	—
onBlurCapture	React.FocusEventHandler<HTMLSpanElement> \| undefined	—
onChange	React.ChangeEventHandler<HTMLSpanElement, Element> \| undefined	—
onChangeCapture	React.ChangeEventHandler<HTMLSpanElement, Element> \| undefined	—
onBeforeInput	React.InputEventHandler<HTMLSpanElement> \| undefined	—
onBeforeInputCapture	React.InputEventHandler<HTMLSpanElement> \| undefined	—
onInput	React.InputEventHandler<HTMLSpanElement> \| undefined	—
onInputCapture	React.InputEventHandler<HTMLSpanElement> \| undefined	—
onReset	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onResetCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSubmit	React.SubmitEventHandler<HTMLSpanElement> \| undefined	—
onSubmitCapture	React.SubmitEventHandler<HTMLSpanElement> \| undefined	—
onInvalid	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onInvalidCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoad	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onError	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onErrorCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onKeyDown	React.KeyboardEventHandler<HTMLSpanElement> \| undefined	—
onKeyDownCapture	React.KeyboardEventHandler<HTMLSpanElement> \| undefined	—
onKeyPress	React.KeyboardEventHandler<HTMLSpanElement> \| undefined	—
onKeyPressCapture	React.KeyboardEventHandler<HTMLSpanElement> \| undefined	—
onKeyUp	React.KeyboardEventHandler<HTMLSpanElement> \| undefined	—
onKeyUpCapture	React.KeyboardEventHandler<HTMLSpanElement> \| undefined	—
onAbort	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onAbortCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onCanPlay	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onCanPlayCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onCanPlayThrough	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onCanPlayThroughCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onDurationChange	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onDurationChangeCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onEmptied	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onEmptiedCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onEncrypted	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onEncryptedCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onEnded	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onEndedCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadedData	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadedDataCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadedMetadata	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadedMetadataCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadStart	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onLoadStartCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onPause	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onPauseCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onPlay	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onPlayCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onPlaying	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onPlayingCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onProgress	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onProgressCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onRateChange	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onRateChangeCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSeeked	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSeekedCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSeeking	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSeekingCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onStalled	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onStalledCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSuspend	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSuspendCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onTimeUpdate	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onTimeUpdateCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onVolumeChange	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onVolumeChangeCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onWaiting	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onWaitingCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onAuxClick	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onAuxClickCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onClick	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onClickCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onContextMenu	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onContextMenuCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onDoubleClick	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onDoubleClickCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onDrag	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragEnd	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragEndCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragEnter	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragEnterCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragExit	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragExitCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragLeave	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragLeaveCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragOver	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragOverCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragStart	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDragStartCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDrop	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onDropCapture	React.DragEventHandler<HTMLSpanElement> \| undefined	—
onMouseDown	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseDownCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseEnter	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseLeave	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseMove	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseMoveCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseOut	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseOutCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseOver	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseOverCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseUp	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onMouseUpCapture	React.MouseEventHandler<HTMLSpanElement> \| undefined	—
onSelect	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onSelectCapture	React.ReactEventHandler<HTMLSpanElement> \| undefined	—
onTouchCancel	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchCancelCapture	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchEnd	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchEndCapture	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchMove	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchMoveCapture	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchStart	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onTouchStartCapture	React.TouchEventHandler<HTMLSpanElement> \| undefined	—
onPointerDown	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerDownCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerMove	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerMoveCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerUp	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerUpCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerCancel	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerCancelCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerEnter	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerLeave	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerOver	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerOverCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerOut	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onPointerOutCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onGotPointerCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onGotPointerCaptureCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onLostPointerCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onLostPointerCaptureCapture	React.PointerEventHandler<HTMLSpanElement> \| undefined	—
onScroll	React.UIEventHandler<HTMLSpanElement> \| undefined	—
onScrollCapture	React.UIEventHandler<HTMLSpanElement> \| undefined	—
onScrollEnd	React.UIEventHandler<HTMLSpanElement> \| undefined	—
onScrollEndCapture	React.UIEventHandler<HTMLSpanElement> \| undefined	—
onWheel	React.WheelEventHandler<HTMLSpanElement> \| undefined	—
onWheelCapture	React.WheelEventHandler<HTMLSpanElement> \| undefined	—
onAnimationStart	React.AnimationEventHandler<HTMLSpanElement> \| undefined	—
onAnimationStartCapture	React.AnimationEventHandler<HTMLSpanElement> \| undefined	—
onAnimationEnd	React.AnimationEventHandler<HTMLSpanElement> \| undefined	—
onAnimationEndCapture	React.AnimationEventHandler<HTMLSpanElement> \| undefined	—
onAnimationIteration	React.AnimationEventHandler<HTMLSpanElement> \| undefined	—
onAnimationIterationCapture	React.AnimationEventHandler<HTMLSpanElement> \| undefined	—
onToggle	React.ToggleEventHandler<HTMLSpanElement> \| undefined	—
onBeforeToggle	React.ToggleEventHandler<HTMLSpanElement> \| undefined	—
onTransitionCancel	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionCancelCapture	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionEnd	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionEndCapture	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionRun	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionRunCapture	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionStart	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
onTransitionStartCapture	React.TransitionEventHandler<HTMLSpanElement> \| undefined	—
render	React.ReactElement<unknown, string \| React.JSXElementConstructor<any>> \| ComponentRenderFn<HTMLProps, DragHandleState<F>> \| undefined	—	Allows you to replace the component’s HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
dragging	boolean	—	Whether this handle is currently being dragged.