TokenNameProps
Props for the TokenName component
interface TokenNameProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {about : string,accessKey : string,aria-activedescendant : string,aria-atomic : Booleanish,aria-autocomplete : "inline" | "none" | "list" | "both",aria-braillelabel : string,aria-brailleroledescription : string,aria-busy : Booleanish,aria-checked : boolean | "false" | "true" | "mixed",aria-colcount : number,aria-colindex : number,aria-colindextext : string,aria-colspan : number,aria-controls : string,aria-current : boolean | "false" | "true" | "time" | "step" | "page" | "location" | "date",aria-describedby : string,aria-description : string,aria-details : string,aria-disabled : Booleanish,aria-dropeffect : "link" | "popup" | "none" | "execute" | "copy" | "move",aria-errormessage : string,aria-expanded : Booleanish,aria-flowto : string,aria-grabbed : Booleanish,aria-haspopup : boolean | "false" | "true" | "dialog" | "menu" | "grid" | "tree" | "listbox",aria-hidden : Booleanish,aria-invalid : boolean | "false" | "true" | "grammar" | "spelling",aria-keyshortcuts : string,aria-label : string,aria-labelledby : string,aria-level : number,aria-live : "off" | "polite" | "assertive",aria-modal : Booleanish,aria-multiline : Booleanish,aria-multiselectable : Booleanish,aria-orientation : "horizontal" | "vertical",aria-owns : string,aria-placeholder : string,aria-posinset : number,aria-pressed : boolean | "false" | "true" | "mixed",aria-readonly : Booleanish,aria-relevant : "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals",aria-required : Booleanish,aria-roledescription : string,aria-rowcount : number,aria-rowindex : number,aria-rowindextext : string,aria-rowspan : number,aria-selected : Booleanish,aria-setsize : number,aria-sort : "none" | "ascending" | "descending" | "other",aria-valuemax : number,aria-valuemin : number,aria-valuenow : number,aria-valuetext : string,autoCapitalize : string,autoCorrect : string,autoFocus : boolean,autoSave : string,className : string,color : string,content : string,contentEditable : "inherit" | (Booleanish) | "plaintext-only",contextMenu : string,dangerouslySetInnerHTML : { __html: string | (TrustedHTML) },datatype : string,defaultChecked : boolean,defaultValue : string | number | (readonly Array<string>),dir : string,draggable : Booleanish,fallbackComponent : Element,formatFn : (str: string) => string,hidden : boolean,id : string,inert : boolean,inlist : any,inputMode : "search" | "email" | "url" | "text" | "none" | "tel" | "numeric" | "decimal",is : string,itemID : string,itemProp : string,itemRef : string,itemScope : boolean,itemType : string,lang : string,loadingComponent : Element,nameResolver : string | (() => string) | (() => Promise<string>),nonce : string,onAbort : ReactEventHandler<HTMLSpanElement>,onAbortCapture : ReactEventHandler<HTMLSpanElement>,onAnimationEnd : AnimationEventHandler<HTMLSpanElement>,onAnimationEndCapture : AnimationEventHandler<HTMLSpanElement>,onAnimationIteration : AnimationEventHandler<HTMLSpanElement>,onAnimationIterationCapture : AnimationEventHandler<HTMLSpanElement>,onAnimationStart : AnimationEventHandler<HTMLSpanElement>,onAnimationStartCapture : AnimationEventHandler<HTMLSpanElement>,onAuxClick : MouseEventHandler<HTMLSpanElement>,onAuxClickCapture : MouseEventHandler<HTMLSpanElement>,onBeforeInput : FormEventHandler<HTMLSpanElement>,onBeforeInputCapture : FormEventHandler<HTMLSpanElement>,onBeforeToggle : ToggleEventHandler<HTMLSpanElement>,onBlur : FocusEventHandler<HTMLSpanElement>,onBlurCapture : FocusEventHandler<HTMLSpanElement>,onCanPlay : ReactEventHandler<HTMLSpanElement>,onCanPlayCapture : ReactEventHandler<HTMLSpanElement>,onCanPlayThrough : ReactEventHandler<HTMLSpanElement>,onCanPlayThroughCapture : ReactEventHandler<HTMLSpanElement>,onChange : FormEventHandler<HTMLSpanElement>,onChangeCapture : FormEventHandler<HTMLSpanElement>,onClick : MouseEventHandler<HTMLSpanElement>,onClickCapture : MouseEventHandler<HTMLSpanElement>,onCompositionEnd : CompositionEventHandler<HTMLSpanElement>,onCompositionEndCapture : CompositionEventHandler<HTMLSpanElement>,onCompositionStart : CompositionEventHandler<HTMLSpanElement>,onCompositionStartCapture : CompositionEventHandler<HTMLSpanElement>,onCompositionUpdate : CompositionEventHandler<HTMLSpanElement>,onCompositionUpdateCapture : CompositionEventHandler<HTMLSpanElement>,onContextMenu : MouseEventHandler<HTMLSpanElement>,onContextMenuCapture : MouseEventHandler<HTMLSpanElement>,onCopy : ClipboardEventHandler<HTMLSpanElement>,onCopyCapture : ClipboardEventHandler<HTMLSpanElement>,onCut : ClipboardEventHandler<HTMLSpanElement>,onCutCapture : ClipboardEventHandler<HTMLSpanElement>,onDoubleClick : MouseEventHandler<HTMLSpanElement>,onDoubleClickCapture : MouseEventHandler<HTMLSpanElement>,onDrag : DragEventHandler<HTMLSpanElement>,onDragCapture : DragEventHandler<HTMLSpanElement>,onDragEnd : DragEventHandler<HTMLSpanElement>,onDragEndCapture : DragEventHandler<HTMLSpanElement>,onDragEnter : DragEventHandler<HTMLSpanElement>,onDragEnterCapture : DragEventHandler<HTMLSpanElement>,onDragExit : DragEventHandler<HTMLSpanElement>,onDragExitCapture : DragEventHandler<HTMLSpanElement>,onDragLeave : DragEventHandler<HTMLSpanElement>,onDragLeaveCapture : DragEventHandler<HTMLSpanElement>,onDragOver : DragEventHandler<HTMLSpanElement>,onDragOverCapture : DragEventHandler<HTMLSpanElement>,onDragStart : DragEventHandler<HTMLSpanElement>,onDragStartCapture : DragEventHandler<HTMLSpanElement>,onDrop : DragEventHandler<HTMLSpanElement>,onDropCapture : DragEventHandler<HTMLSpanElement>,onDurationChange : ReactEventHandler<HTMLSpanElement>,onDurationChangeCapture : ReactEventHandler<HTMLSpanElement>,onEmptied : ReactEventHandler<HTMLSpanElement>,onEmptiedCapture : ReactEventHandler<HTMLSpanElement>,onEncrypted : ReactEventHandler<HTMLSpanElement>,onEncryptedCapture : ReactEventHandler<HTMLSpanElement>,onEnded : ReactEventHandler<HTMLSpanElement>,onEndedCapture : ReactEventHandler<HTMLSpanElement>,onError : ReactEventHandler<HTMLSpanElement>,onErrorCapture : ReactEventHandler<HTMLSpanElement>,onFocus : FocusEventHandler<HTMLSpanElement>,onFocusCapture : FocusEventHandler<HTMLSpanElement>,onGotPointerCapture : PointerEventHandler<HTMLSpanElement>,onGotPointerCaptureCapture : PointerEventHandler<HTMLSpanElement>,onInput : FormEventHandler<HTMLSpanElement>,onInputCapture : FormEventHandler<HTMLSpanElement>,onInvalid : FormEventHandler<HTMLSpanElement>,onInvalidCapture : FormEventHandler<HTMLSpanElement>,onKeyDown : KeyboardEventHandler<HTMLSpanElement>,onKeyDownCapture : KeyboardEventHandler<HTMLSpanElement>,onKeyPress : KeyboardEventHandler<HTMLSpanElement>,onKeyPressCapture : KeyboardEventHandler<HTMLSpanElement>,onKeyUp : KeyboardEventHandler<HTMLSpanElement>,onKeyUpCapture : KeyboardEventHandler<HTMLSpanElement>,onLoad : ReactEventHandler<HTMLSpanElement>,onLoadCapture : ReactEventHandler<HTMLSpanElement>,onLoadedData : ReactEventHandler<HTMLSpanElement>,onLoadedDataCapture : ReactEventHandler<HTMLSpanElement>,onLoadedMetadata : ReactEventHandler<HTMLSpanElement>,onLoadedMetadataCapture : ReactEventHandler<HTMLSpanElement>,onLoadStart : ReactEventHandler<HTMLSpanElement>,onLoadStartCapture : ReactEventHandler<HTMLSpanElement>,onLostPointerCapture : PointerEventHandler<HTMLSpanElement>,onLostPointerCaptureCapture : PointerEventHandler<HTMLSpanElement>,onMouseDown : MouseEventHandler<HTMLSpanElement>,onMouseDownCapture : MouseEventHandler<HTMLSpanElement>,onMouseEnter : MouseEventHandler<HTMLSpanElement>,onMouseLeave : MouseEventHandler<HTMLSpanElement>,onMouseMove : MouseEventHandler<HTMLSpanElement>,onMouseMoveCapture : MouseEventHandler<HTMLSpanElement>,onMouseOut : MouseEventHandler<HTMLSpanElement>,onMouseOutCapture : MouseEventHandler<HTMLSpanElement>,onMouseOver : MouseEventHandler<HTMLSpanElement>,onMouseOverCapture : MouseEventHandler<HTMLSpanElement>,onMouseUp : MouseEventHandler<HTMLSpanElement>,onMouseUpCapture : MouseEventHandler<HTMLSpanElement>,onPaste : ClipboardEventHandler<HTMLSpanElement>,onPasteCapture : ClipboardEventHandler<HTMLSpanElement>,onPause : ReactEventHandler<HTMLSpanElement>,onPauseCapture : ReactEventHandler<HTMLSpanElement>,onPlay : ReactEventHandler<HTMLSpanElement>,onPlayCapture : ReactEventHandler<HTMLSpanElement>,onPlaying : ReactEventHandler<HTMLSpanElement>,onPlayingCapture : ReactEventHandler<HTMLSpanElement>,onPointerCancel : PointerEventHandler<HTMLSpanElement>,onPointerCancelCapture : PointerEventHandler<HTMLSpanElement>,onPointerDown : PointerEventHandler<HTMLSpanElement>,onPointerDownCapture : PointerEventHandler<HTMLSpanElement>,onPointerEnter : PointerEventHandler<HTMLSpanElement>,onPointerLeave : PointerEventHandler<HTMLSpanElement>,onPointerMove : PointerEventHandler<HTMLSpanElement>,onPointerMoveCapture : PointerEventHandler<HTMLSpanElement>,onPointerOut : PointerEventHandler<HTMLSpanElement>,onPointerOutCapture : PointerEventHandler<HTMLSpanElement>,onPointerOver : PointerEventHandler<HTMLSpanElement>,onPointerOverCapture : PointerEventHandler<HTMLSpanElement>,onPointerUp : PointerEventHandler<HTMLSpanElement>,onPointerUpCapture : PointerEventHandler<HTMLSpanElement>,onProgress : ReactEventHandler<HTMLSpanElement>,onProgressCapture : ReactEventHandler<HTMLSpanElement>,onRateChange : ReactEventHandler<HTMLSpanElement>,onRateChangeCapture : ReactEventHandler<HTMLSpanElement>,onReset : FormEventHandler<HTMLSpanElement>,onResetCapture : FormEventHandler<HTMLSpanElement>,onResize : ReactEventHandler<HTMLSpanElement>,onResizeCapture : ReactEventHandler<HTMLSpanElement>,onScroll : UIEventHandler<HTMLSpanElement>,onScrollCapture : UIEventHandler<HTMLSpanElement>,onSeeked : ReactEventHandler<HTMLSpanElement>,onSeekedCapture : ReactEventHandler<HTMLSpanElement>,onSeeking : ReactEventHandler<HTMLSpanElement>,onSeekingCapture : ReactEventHandler<HTMLSpanElement>,onSelect : ReactEventHandler<HTMLSpanElement>,onSelectCapture : ReactEventHandler<HTMLSpanElement>,onStalled : ReactEventHandler<HTMLSpanElement>,onStalledCapture : ReactEventHandler<HTMLSpanElement>,onSubmit : FormEventHandler<HTMLSpanElement>,onSubmitCapture : FormEventHandler<HTMLSpanElement>,onSuspend : ReactEventHandler<HTMLSpanElement>,onSuspendCapture : ReactEventHandler<HTMLSpanElement>,onTimeUpdate : ReactEventHandler<HTMLSpanElement>,onTimeUpdateCapture : ReactEventHandler<HTMLSpanElement>,onToggle : ToggleEventHandler<HTMLSpanElement>,onTouchCancel : TouchEventHandler<HTMLSpanElement>,onTouchCancelCapture : TouchEventHandler<HTMLSpanElement>,onTouchEnd : TouchEventHandler<HTMLSpanElement>,onTouchEndCapture : TouchEventHandler<HTMLSpanElement>,onTouchMove : TouchEventHandler<HTMLSpanElement>,onTouchMoveCapture : TouchEventHandler<HTMLSpanElement>,onTouchStart : TouchEventHandler<HTMLSpanElement>,onTouchStartCapture : TouchEventHandler<HTMLSpanElement>,onTransitionCancel : TransitionEventHandler<HTMLSpanElement>,onTransitionCancelCapture : TransitionEventHandler<HTMLSpanElement>,onTransitionEnd : TransitionEventHandler<HTMLSpanElement>,onTransitionEndCapture : TransitionEventHandler<HTMLSpanElement>,onTransitionRun : TransitionEventHandler<HTMLSpanElement>,onTransitionRunCapture : TransitionEventHandler<HTMLSpanElement>,onTransitionStart : TransitionEventHandler<HTMLSpanElement>,onTransitionStartCapture : TransitionEventHandler<HTMLSpanElement>,onVolumeChange : ReactEventHandler<HTMLSpanElement>,onVolumeChangeCapture : ReactEventHandler<HTMLSpanElement>,onWaiting : ReactEventHandler<HTMLSpanElement>,onWaitingCapture : ReactEventHandler<HTMLSpanElement>,onWheel : WheelEventHandler<HTMLSpanElement>,onWheelCapture : WheelEventHandler<HTMLSpanElement>,popover : "" | "auto" | "manual",popoverTarget : string,popoverTargetAction : "toggle" | "hide" | "show",prefix : string,property : string,queryOptions : Omit<UseQueryOptions<string, Error, string, QueryKey>, "queryKey" | "queryFn">,radioGroup : string,rel : string,resource : string,results : number,rev : string,role : AriaRole,security : string,slot : string,spellCheck : Booleanish,style : CSSProperties,suppressContentEditableWarning : boolean,suppressHydrationWarning : boolean,tabIndex : number,title : string,translate : "yes" | "no",typeof : string,unselectable : "on" | "off",vocab : string}
type about = string;
type accessKey = string;
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
type aria-activedescendant = string
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 aria-atomic = Booleanish
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 aria-autocomplete = "inline" | "none" | "list" | "both"
Defines a string value that labels the current element, which is intended to be converted into Braille.
aria-label.
type aria-braillelabel = string
Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
aria-roledescription.
type aria-brailleroledescription = string
type aria-busy = Booleanish
Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
aria-pressed
aria-selected.
type aria-checked = boolean | "false" | "true" | "mixed"
Defines the total number of columns in a table, grid, or treegrid.
aria-colindex.
type aria-colcount = number
Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
aria-colcount
aria-colspan.
type aria-colindex = number
Defines a human readable text alternative of aria-colindex.
aria-rowindextext.
type aria-colindextext = string
Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
aria-colindex
aria-rowspan.
type aria-colspan = number
Identifies the element (or elements) whose contents or presence are controlled by the current element.
aria-owns.
type aria-controls = string
Indicates the element that represents the current item within a container or set of related elements.
type aria-current = boolean | "false" | "true" | "time" | "step" | "page" | "location" | "date"
Identifies the element (or elements) that describes the object.
aria-labelledby
type aria-describedby = string
Defines a string value that describes or annotates the current element.
related aria-describedby.
type aria-description = string
Identifies the element that provides a detailed, extended description for the object.
aria-describedby.
type aria-details = string
Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
aria-hidden
aria-readonly.
type aria-disabled = Booleanish
Deprecated
in ARIA 1.1
Indicates what functions can be performed when a dragged object is released on the drop target.
type aria-dropeffect = "link" | "popup" | "none" | "execute" | "copy" | "move"
Identifies the element that provides an error message for the object.
aria-invalid
aria-describedby.
type aria-errormessage = string
Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
type aria-expanded = Booleanish
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 aria-flowto = string
Deprecated
in ARIA 1.1
Indicates an element's "grabbed" state in a drag-and-drop operation.
type aria-grabbed = Booleanish
Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
type aria-haspopup = boolean | "false" | "true" | "dialog" | "menu" | "grid" | "tree" | "listbox"
Indicates whether the element is exposed to an accessibility API.
aria-disabled.
type aria-hidden = Booleanish
Indicates the entered value does not conform to the format expected by the application.
aria-errormessage.
type aria-invalid = boolean | "false" | "true" | "grammar" | "spelling"
Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
type aria-keyshortcuts = string
Defines a string value that labels the current element.
aria-labelledby.
type aria-label = string
Identifies the element (or elements) that labels the current element.
aria-describedby.
type aria-labelledby = string
Defines the hierarchical level of an element within a structure.
type aria-level = number
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 aria-live = "off" | "polite" | "assertive"
Indicates whether an element is modal when displayed.
type aria-modal = Booleanish
Indicates whether a text box accepts multiple lines of input or only a single line.
type aria-multiline = Booleanish
Indicates that the user may select more than one item from the current selectable descendants.
type aria-multiselectable = Booleanish
Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
type aria-orientation = "horizontal" | "vertical"
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-controls.
type aria-owns = string
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 aria-placeholder = string
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-setsize.
type aria-posinset = number
Indicates the current "pressed" state of toggle buttons.
aria-checked
aria-selected.
type aria-pressed = boolean | "false" | "true" | "mixed"
Indicates that the element is not editable, but is otherwise operable.
aria-disabled.
type aria-readonly = Booleanish
Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
aria-atomic.
type aria-relevant = "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"
Indicates that user input is required on the element before a form may be submitted.
type aria-required = Booleanish
Defines a human-readable, author-localized description for the role of an element.
type aria-roledescription = string
Defines the total number of rows in a table, grid, or treegrid.
aria-rowindex.
type aria-rowcount = number
Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
aria-rowcount
aria-rowspan.
type aria-rowindex = number
Defines a human readable text alternative of aria-rowindex.
aria-colindextext.
type aria-rowindextext = string
Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
aria-rowindex
aria-colspan.
type aria-rowspan = number
Indicates the current "selected" state of various widgets.
aria-checked
aria-pressed.
type aria-selected = Booleanish
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-posinset.
type aria-setsize = number
Indicates if items in a table or grid are sorted in ascending or descending order.
type aria-sort = "none" | "ascending" | "descending" | "other"
Defines the maximum allowed value for a range widget.
type aria-valuemax = number
Defines the minimum allowed value for a range widget.
type aria-valuemin = number
Defines the current value for a range widget.
aria-valuetext.
type aria-valuenow = number
Defines the human readable text alternative of aria-valuenow for a range widget.
type aria-valuetext = string
type autoCapitalize = string;
type autoCorrect = string;
type autoFocus = boolean;
type autoSave = string;
type className = string;
type color = string;
type content = string;
type contentEditable = "inherit" | Booleanish | "plaintext-only";
type contextMenu = string;
type dangerouslySetInnerHTML = { __html: string | TrustedHTML };
type datatype = string;
type defaultChecked = boolean;
type defaultValue = string | number | (readonly Array<string>)
type dir = string;
type draggable = Booleanish;
This component will be shown if the name fails to be retreived
If not passed, the component will return null .
You can/should pass a descriptive text/component to this prop, indicating that the name was not fetched succesfully
type fallbackComponent = Element;
<TokenName fallbackComponent={"Failed to load"} />;
type hidden = boolean;
type id = string;
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert
type inert = boolean;
type inlist = any;
Hints at the type of data that might be entered by the user while editing the element or its contents
type inputMode = | "search" | "email" | "url" | "text" | "none" | "tel" | "numeric" | "decimal";
Specify that a standard HTML element should behave like a defined custom built-in element
type is = string;
type itemID = string;
type itemProp = string;
type itemRef = string;
type itemScope = boolean;
type itemType = string;
type lang = string;
This prop can be a string or a (async) function that resolves to a string, representing the name of the token This is particularly useful if you already have a way to fetch the token name.
type nameResolver = string | (() => string) | (() => Promise<string>);
type nonce = string;
type onAbort = ReactEventHandler<HTMLSpanElement>;
type onAbortCapture = ReactEventHandler<HTMLSpanElement>;
type onAnimationEnd = AnimationEventHandler<HTMLSpanElement>;
type onAnimationEndCapture = AnimationEventHandler<HTMLSpanElement>;
type onAnimationIteration = AnimationEventHandler<HTMLSpanElement>;
type onAnimationIterationCapture = AnimationEventHandler<HTMLSpanElement>;
type onAnimationStart = AnimationEventHandler<HTMLSpanElement>;
type onAnimationStartCapture = AnimationEventHandler<HTMLSpanElement>;
type onAuxClick = MouseEventHandler<HTMLSpanElement>;
type onAuxClickCapture = MouseEventHandler<HTMLSpanElement>;
type onBeforeInput = FormEventHandler<HTMLSpanElement>;
type onBeforeInputCapture = FormEventHandler<HTMLSpanElement>;
type onBeforeToggle = ToggleEventHandler<HTMLSpanElement>;
type onBlur = FocusEventHandler<HTMLSpanElement>;
type onBlurCapture = FocusEventHandler<HTMLSpanElement>;
type onCanPlay = ReactEventHandler<HTMLSpanElement>;
type onCanPlayCapture = ReactEventHandler<HTMLSpanElement>;
type onCanPlayThrough = ReactEventHandler<HTMLSpanElement>;
type onCanPlayThroughCapture = ReactEventHandler<HTMLSpanElement>;
type onChange = FormEventHandler<HTMLSpanElement>;
type onChangeCapture = FormEventHandler<HTMLSpanElement>;
type onClick = MouseEventHandler<HTMLSpanElement>;
type onClickCapture = MouseEventHandler<HTMLSpanElement>;
type onCompositionEnd = CompositionEventHandler<HTMLSpanElement>;
type onCompositionEndCapture = CompositionEventHandler<HTMLSpanElement>;
type onCompositionStart = CompositionEventHandler<HTMLSpanElement>;
type onCompositionStartCapture = CompositionEventHandler<HTMLSpanElement>;
type onCompositionUpdate = CompositionEventHandler<HTMLSpanElement>;
type onCompositionUpdateCapture = CompositionEventHandler<HTMLSpanElement>;
type onContextMenu = MouseEventHandler<HTMLSpanElement>;
type onContextMenuCapture = MouseEventHandler<HTMLSpanElement>;
type onCopy = ClipboardEventHandler<HTMLSpanElement>;
type onCopyCapture = ClipboardEventHandler<HTMLSpanElement>;
type onCut = ClipboardEventHandler<HTMLSpanElement>;
type onCutCapture = ClipboardEventHandler<HTMLSpanElement>;
type onDoubleClick = MouseEventHandler<HTMLSpanElement>;
type onDoubleClickCapture = MouseEventHandler<HTMLSpanElement>;
type onDrag = DragEventHandler<HTMLSpanElement>;
type onDragCapture = DragEventHandler<HTMLSpanElement>;
type onDragEnd = DragEventHandler<HTMLSpanElement>;
type onDragEndCapture = DragEventHandler<HTMLSpanElement>;
type onDragEnter = DragEventHandler<HTMLSpanElement>;
type onDragEnterCapture = DragEventHandler<HTMLSpanElement>;
type onDragExit = DragEventHandler<HTMLSpanElement>;
type onDragExitCapture = DragEventHandler<HTMLSpanElement>;
type onDragLeave = DragEventHandler<HTMLSpanElement>;
type onDragLeaveCapture = DragEventHandler<HTMLSpanElement>;
type onDragOver = DragEventHandler<HTMLSpanElement>;
type onDragOverCapture = DragEventHandler<HTMLSpanElement>;
type onDragStart = DragEventHandler<HTMLSpanElement>;
type onDragStartCapture = DragEventHandler<HTMLSpanElement>;
type onDrop = DragEventHandler<HTMLSpanElement>;
type onDropCapture = DragEventHandler<HTMLSpanElement>;
type onDurationChange = ReactEventHandler<HTMLSpanElement>;
type onDurationChangeCapture = ReactEventHandler<HTMLSpanElement>;
type onEmptied = ReactEventHandler<HTMLSpanElement>;
type onEmptiedCapture = ReactEventHandler<HTMLSpanElement>;
type onEncrypted = ReactEventHandler<HTMLSpanElement>;
type onEncryptedCapture = ReactEventHandler<HTMLSpanElement>;
type onEnded = ReactEventHandler<HTMLSpanElement>;
type onEndedCapture = ReactEventHandler<HTMLSpanElement>;
type onError = ReactEventHandler<HTMLSpanElement>;
type onErrorCapture = ReactEventHandler<HTMLSpanElement>;
type onFocus = FocusEventHandler<HTMLSpanElement>;
type onFocusCapture = FocusEventHandler<HTMLSpanElement>;
type onGotPointerCapture = PointerEventHandler<HTMLSpanElement>;
type onGotPointerCaptureCapture = PointerEventHandler<HTMLSpanElement>;
type onInput = FormEventHandler<HTMLSpanElement>;
type onInputCapture = FormEventHandler<HTMLSpanElement>;
type onInvalid = FormEventHandler<HTMLSpanElement>;
type onInvalidCapture = FormEventHandler<HTMLSpanElement>;
type onKeyDown = KeyboardEventHandler<HTMLSpanElement>;
type onKeyDownCapture = KeyboardEventHandler<HTMLSpanElement>;
Deprecated
type onKeyPress = KeyboardEventHandler<HTMLSpanElement>;
Deprecated
type onKeyPressCapture = KeyboardEventHandler<HTMLSpanElement>;
type onKeyUp = KeyboardEventHandler<HTMLSpanElement>;
type onKeyUpCapture = KeyboardEventHandler<HTMLSpanElement>;
type onLoad = ReactEventHandler<HTMLSpanElement>;
type onLoadCapture = ReactEventHandler<HTMLSpanElement>;
type onLoadedData = ReactEventHandler<HTMLSpanElement>;
type onLoadedDataCapture = ReactEventHandler<HTMLSpanElement>;
type onLoadedMetadata = ReactEventHandler<HTMLSpanElement>;
type onLoadedMetadataCapture = ReactEventHandler<HTMLSpanElement>;
type onLoadStart = ReactEventHandler<HTMLSpanElement>;
type onLoadStartCapture = ReactEventHandler<HTMLSpanElement>;
type onLostPointerCapture = PointerEventHandler<HTMLSpanElement>;
type onLostPointerCaptureCapture = PointerEventHandler<HTMLSpanElement>;
type onMouseDown = MouseEventHandler<HTMLSpanElement>;
type onMouseDownCapture = MouseEventHandler<HTMLSpanElement>;
type onMouseEnter = MouseEventHandler<HTMLSpanElement>;
type onMouseLeave = MouseEventHandler<HTMLSpanElement>;
type onMouseMove = MouseEventHandler<HTMLSpanElement>;
type onMouseMoveCapture = MouseEventHandler<HTMLSpanElement>;
type onMouseOut = MouseEventHandler<HTMLSpanElement>;
type onMouseOutCapture = MouseEventHandler<HTMLSpanElement>;
type onMouseOver = MouseEventHandler<HTMLSpanElement>;
type onMouseOverCapture = MouseEventHandler<HTMLSpanElement>;
type onMouseUp = MouseEventHandler<HTMLSpanElement>;
type onMouseUpCapture = MouseEventHandler<HTMLSpanElement>;
type onPaste = ClipboardEventHandler<HTMLSpanElement>;
type onPasteCapture = ClipboardEventHandler<HTMLSpanElement>;
type onPause = ReactEventHandler<HTMLSpanElement>;
type onPauseCapture = ReactEventHandler<HTMLSpanElement>;
type onPlay = ReactEventHandler<HTMLSpanElement>;
type onPlayCapture = ReactEventHandler<HTMLSpanElement>;
type onPlaying = ReactEventHandler<HTMLSpanElement>;
type onPlayingCapture = ReactEventHandler<HTMLSpanElement>;
type onPointerCancel = PointerEventHandler<HTMLSpanElement>;
type onPointerCancelCapture = PointerEventHandler<HTMLSpanElement>;
type onPointerDown = PointerEventHandler<HTMLSpanElement>;
type onPointerDownCapture = PointerEventHandler<HTMLSpanElement>;
type onPointerEnter = PointerEventHandler<HTMLSpanElement>;
type onPointerLeave = PointerEventHandler<HTMLSpanElement>;
type onPointerMove = PointerEventHandler<HTMLSpanElement>;
type onPointerMoveCapture = PointerEventHandler<HTMLSpanElement>;
type onPointerOut = PointerEventHandler<HTMLSpanElement>;
type onPointerOutCapture = PointerEventHandler<HTMLSpanElement>;
type onPointerOver = PointerEventHandler<HTMLSpanElement>;
type onPointerOverCapture = PointerEventHandler<HTMLSpanElement>;
type onPointerUp = PointerEventHandler<HTMLSpanElement>;
type onPointerUpCapture = PointerEventHandler<HTMLSpanElement>;
type onProgress = ReactEventHandler<HTMLSpanElement>;
type onProgressCapture = ReactEventHandler<HTMLSpanElement>;
type onRateChange = ReactEventHandler<HTMLSpanElement>;
type onRateChangeCapture = ReactEventHandler<HTMLSpanElement>;
type onReset = FormEventHandler<HTMLSpanElement>;
type onResetCapture = FormEventHandler<HTMLSpanElement>;
type onResize = ReactEventHandler<HTMLSpanElement>;
type onResizeCapture = ReactEventHandler<HTMLSpanElement>;
type onScroll = UIEventHandler<HTMLSpanElement>;
type onScrollCapture = UIEventHandler<HTMLSpanElement>;
type onSeeked = ReactEventHandler<HTMLSpanElement>;
type onSeekedCapture = ReactEventHandler<HTMLSpanElement>;
type onSeeking = ReactEventHandler<HTMLSpanElement>;
type onSeekingCapture = ReactEventHandler<HTMLSpanElement>;
type onSelect = ReactEventHandler<HTMLSpanElement>;
type onSelectCapture = ReactEventHandler<HTMLSpanElement>;
type onStalled = ReactEventHandler<HTMLSpanElement>;
type onStalledCapture = ReactEventHandler<HTMLSpanElement>;
type onSubmit = FormEventHandler<HTMLSpanElement>;
type onSubmitCapture = FormEventHandler<HTMLSpanElement>;
type onSuspend = ReactEventHandler<HTMLSpanElement>;
type onSuspendCapture = ReactEventHandler<HTMLSpanElement>;
type onTimeUpdate = ReactEventHandler<HTMLSpanElement>;
type onTimeUpdateCapture = ReactEventHandler<HTMLSpanElement>;
type onToggle = ToggleEventHandler<HTMLSpanElement>;
type onTouchCancel = TouchEventHandler<HTMLSpanElement>;
type onTouchCancelCapture = TouchEventHandler<HTMLSpanElement>;
type onTouchEnd = TouchEventHandler<HTMLSpanElement>;
type onTouchEndCapture = TouchEventHandler<HTMLSpanElement>;
type onTouchMove = TouchEventHandler<HTMLSpanElement>;
type onTouchMoveCapture = TouchEventHandler<HTMLSpanElement>;
type onTouchStart = TouchEventHandler<HTMLSpanElement>;
type onTouchStartCapture = TouchEventHandler<HTMLSpanElement>;
type onTransitionCancel = TransitionEventHandler<HTMLSpanElement>;
type onTransitionCancelCapture = TransitionEventHandler<HTMLSpanElement>;
type onTransitionEnd = TransitionEventHandler<HTMLSpanElement>;
type onTransitionEndCapture = TransitionEventHandler<HTMLSpanElement>;
type onTransitionRun = TransitionEventHandler<HTMLSpanElement>;
type onTransitionRunCapture = TransitionEventHandler<HTMLSpanElement>;
type onTransitionStart = TransitionEventHandler<HTMLSpanElement>;
type onTransitionStartCapture = TransitionEventHandler<HTMLSpanElement>;
type onVolumeChange = ReactEventHandler<HTMLSpanElement>;
type onVolumeChangeCapture = ReactEventHandler<HTMLSpanElement>;
type onWaiting = ReactEventHandler<HTMLSpanElement>;
type onWaitingCapture = ReactEventHandler<HTMLSpanElement>;
type onWheel = WheelEventHandler<HTMLSpanElement>;
type onWheelCapture = WheelEventHandler<HTMLSpanElement>;
type popover = "" | "auto" | "manual";
type popoverTarget = string;
type popoverTargetAction = "toggle" | "hide" | "show";
type prefix = string;
type property = string;
Optional useQuery params
type queryOptions = Omit< UseQueryOptions<string, Error, string, QueryKey>, "queryKey" | "queryFn">;
type radioGroup = string;
type rel = string;
type resource = string;
type results = number;
type rev = string;
type role = AriaRole;
type security = string;
type slot = string;
type spellCheck = Booleanish;
type style = CSSProperties;
type suppressContentEditableWarning = boolean;
type suppressHydrationWarning = boolean;
type tabIndex = number;
type title = string;
type translate = "yes" | "no";
type typeof = string
type unselectable = "on" | "off";
type vocab = string;