ChainNameProps
Props for the ChainName component
interface ChainNameProps 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" | "execute" | "none" | "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 & ({ })) | "on" | "off" | "none" | "sentences" | "words" | "characters",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,enterKeyHint : "search" | "done" | "next" | "send" | "enter" | "go" | "previous",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, string>, "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
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" | "execute" | "none" | "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
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 & {}) | "on" | "off" | "none" | "sentences" | "words" | "characters";
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;
type enterKeyHint = | "search" | "done" | "next" | "send" | "enter" | "go" | "previous";
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;
<ChainName fallbackComponent={<span>Failed to load</span>} />;
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;