PitchKit
API Reference@pitchkit/reactInterfaces

PlayerAvatarProps

Defined in: packages/react/src/PlayerAvatar.tsx:27

Extends

  • Omit<HTMLAttributes<HTMLDivElement>, "children">

Properties

PropertyModifierTypeDescriptionInherited fromDefined in
about?publicstring-Omit.aboutnode_modules/@types/react/index.d.ts:2820
accessKey?publicstring-Omit.accessKeynode_modules/@types/react/index.d.ts:2793
aria-activedescendant?publicstringIdentifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.Omit.aria-activedescendantnode_modules/@types/react/index.d.ts:2491
aria-atomic?publicBooleanishIndicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.Omit.aria-atomicnode_modules/@types/react/index.d.ts:2493
aria-autocomplete?public"none" | "both" | "inline" | "list"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.Omit.aria-autocompletenode_modules/@types/react/index.d.ts:2498
aria-braillelabel?publicstringDefines a string value that labels the current element, which is intended to be converted into Braille. See aria-label.Omit.aria-braillelabelnode_modules/@types/react/index.d.ts:2504
aria-brailleroledescription?publicstringDefines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. See aria-roledescription.Omit.aria-brailleroledescriptionnode_modules/@types/react/index.d.ts:2509
aria-busy?publicBooleanish-Omit.aria-busynode_modules/@types/react/index.d.ts:2510
aria-checked?publicboolean | "mixed" | "false" | "true"Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. See - aria-pressed - aria-selected.Omit.aria-checkednode_modules/@types/react/index.d.ts:2515
aria-colcount?publicnumberDefines the total number of columns in a table, grid, or treegrid. See aria-colindex.Omit.aria-colcountnode_modules/@types/react/index.d.ts:2520
aria-colindex?publicnumberDefines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. See - aria-colcount - aria-colspan.Omit.aria-colindexnode_modules/@types/react/index.d.ts:2525
aria-colindextext?publicstringDefines a human readable text alternative of aria-colindex. See aria-rowindextext.Omit.aria-colindextextnode_modules/@types/react/index.d.ts:2530
aria-colspan?publicnumberDefines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. See - aria-colindex - aria-rowspan.Omit.aria-colspannode_modules/@types/react/index.d.ts:2535
aria-controls?publicstringIdentifies the element (or elements) whose contents or presence are controlled by the current element. See aria-owns.Omit.aria-controlsnode_modules/@types/react/index.d.ts:2540
aria-current?publicboolean | "time" | "page" | "false" | "true" | "step" | "location" | "date"Indicates the element that represents the current item within a container or set of related elements.Omit.aria-currentnode_modules/@types/react/index.d.ts:2542
aria-describedby?publicstringIdentifies the element (or elements) that describes the object. See aria-labelledbyOmit.aria-describedbynode_modules/@types/react/index.d.ts:2547
aria-description?publicstringDefines a string value that describes or annotates the current element. See related aria-describedby.Omit.aria-descriptionnode_modules/@types/react/index.d.ts:2552
aria-details?publicstringIdentifies the element that provides a detailed, extended description for the object. See aria-describedby.Omit.aria-detailsnode_modules/@types/react/index.d.ts:2557
aria-disabled?publicBooleanishIndicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See - aria-hidden - aria-readonly.Omit.aria-disablednode_modules/@types/react/index.d.ts:2562
aria-dropeffect?public"none" | "link" | "copy" | "move" | "execute" | "popup"Indicates what functions can be performed when a dragged object is released on the drop target. Deprecated in ARIA 1.1Omit.aria-dropeffectnode_modules/@types/react/index.d.ts:2567
aria-errormessage?publicstringIdentifies the element that provides an error message for the object. See - aria-invalid - aria-describedby.Omit.aria-errormessagenode_modules/@types/react/index.d.ts:2572
aria-expanded?publicBooleanishIndicates whether the element, or another grouping element it controls, is currently expanded or collapsed.Omit.aria-expandednode_modules/@types/react/index.d.ts:2574
aria-flowto?publicstringIdentifies 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.Omit.aria-flowtonode_modules/@types/react/index.d.ts:2579
aria-grabbed?publicBooleanishIndicates an element's "grabbed" state in a drag-and-drop operation. Deprecated in ARIA 1.1Omit.aria-grabbednode_modules/@types/react/index.d.ts:2584
aria-haspopup?public| boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.Omit.aria-haspopupnode_modules/@types/react/index.d.ts:2586
aria-hidden?publicBooleanishIndicates whether the element is exposed to an accessibility API. See aria-disabled.Omit.aria-hiddennode_modules/@types/react/index.d.ts:2591
aria-invalid?publicboolean | "false" | "true" | "grammar" | "spelling"Indicates the entered value does not conform to the format expected by the application. See aria-errormessage.Omit.aria-invalidnode_modules/@types/react/index.d.ts:2596
aria-keyshortcuts?publicstringIndicates keyboard shortcuts that an author has implemented to activate or give focus to an element.Omit.aria-keyshortcutsnode_modules/@types/react/index.d.ts:2598
aria-label?publicstringDefines a string value that labels the current element. See aria-labelledby.Omit.aria-labelnode_modules/@types/react/index.d.ts:2603
aria-labelledby?publicstringIdentifies the element (or elements) that labels the current element. See aria-describedby.Omit.aria-labelledbynode_modules/@types/react/index.d.ts:2608
aria-level?publicnumberDefines the hierarchical level of an element within a structure.Omit.aria-levelnode_modules/@types/react/index.d.ts:2610
aria-live?public"off" | "assertive" | "polite"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.Omit.aria-livenode_modules/@types/react/index.d.ts:2612
aria-modal?publicBooleanishIndicates whether an element is modal when displayed.Omit.aria-modalnode_modules/@types/react/index.d.ts:2614
aria-multiline?publicBooleanishIndicates whether a text box accepts multiple lines of input or only a single line.Omit.aria-multilinenode_modules/@types/react/index.d.ts:2616
aria-multiselectable?publicBooleanishIndicates that the user may select more than one item from the current selectable descendants.Omit.aria-multiselectablenode_modules/@types/react/index.d.ts:2618
aria-orientation?public"horizontal" | "vertical"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.Omit.aria-orientationnode_modules/@types/react/index.d.ts:2620
aria-owns?publicstringIdentifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. See aria-controls.Omit.aria-ownsnode_modules/@types/react/index.d.ts:2626
aria-placeholder?publicstringDefines 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.Omit.aria-placeholdernode_modules/@types/react/index.d.ts:2631
aria-posinset?publicnumberDefines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See aria-setsize.Omit.aria-posinsetnode_modules/@types/react/index.d.ts:2636
aria-pressed?publicboolean | "mixed" | "false" | "true"Indicates the current "pressed" state of toggle buttons. See - aria-checked - aria-selected.Omit.aria-pressednode_modules/@types/react/index.d.ts:2641
aria-readonly?publicBooleanishIndicates that the element is not editable, but is otherwise operable. See aria-disabled.Omit.aria-readonlynode_modules/@types/react/index.d.ts:2646
aria-relevant?public| "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. See aria-atomic.Omit.aria-relevantnode_modules/@types/react/index.d.ts:2651
aria-required?publicBooleanishIndicates that user input is required on the element before a form may be submitted.Omit.aria-requirednode_modules/@types/react/index.d.ts:2664
aria-roledescription?publicstringDefines a human-readable, author-localized description for the role of an element.Omit.aria-roledescriptionnode_modules/@types/react/index.d.ts:2666
aria-rowcount?publicnumberDefines the total number of rows in a table, grid, or treegrid. See aria-rowindex.Omit.aria-rowcountnode_modules/@types/react/index.d.ts:2671
aria-rowindex?publicnumberDefines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. See - aria-rowcount - aria-rowspan.Omit.aria-rowindexnode_modules/@types/react/index.d.ts:2676
aria-rowindextext?publicstringDefines a human readable text alternative of aria-rowindex. See aria-colindextext.Omit.aria-rowindextextnode_modules/@types/react/index.d.ts:2681
aria-rowspan?publicnumberDefines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. See - aria-rowindex - aria-colspan.Omit.aria-rowspannode_modules/@types/react/index.d.ts:2686
aria-selected?publicBooleanishIndicates the current "selected" state of various widgets. See - aria-checked - aria-pressed.Omit.aria-selectednode_modules/@types/react/index.d.ts:2691
aria-setsize?publicnumberDefines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See aria-posinset.Omit.aria-setsizenode_modules/@types/react/index.d.ts:2696
aria-sort?public"none" | "other" | "ascending" | "descending"Indicates if items in a table or grid are sorted in ascending or descending order.Omit.aria-sortnode_modules/@types/react/index.d.ts:2698
aria-valuemax?publicnumberDefines the maximum allowed value for a range widget.Omit.aria-valuemaxnode_modules/@types/react/index.d.ts:2700
aria-valuemin?publicnumberDefines the minimum allowed value for a range widget.Omit.aria-valueminnode_modules/@types/react/index.d.ts:2702
aria-valuenow?publicnumberDefines the current value for a range widget. See aria-valuetext.Omit.aria-valuenownode_modules/@types/react/index.d.ts:2707
aria-valuetext?publicstringDefines the human readable text alternative of aria-valuenow for a range widget.Omit.aria-valuetextnode_modules/@types/react/index.d.ts:2709
assists?readonlynumber--packages/react/src/PlayerAvatar.tsx:41
autoCapitalize?public| "none" | string & object | "on" | "off" | "sentences" | "words" | "characters"-Omit.autoCapitalizenode_modules/@types/react/index.d.ts:2794
autoCorrect?publicstring-Omit.autoCorrectnode_modules/@types/react/index.d.ts:2833
autoFocus?publicboolean-Omit.autoFocusnode_modules/@types/react/index.d.ts:2795
autoSave?publicstring-Omit.autoSavenode_modules/@types/react/index.d.ts:2834
card?readonlyPlayerCardA second yellow draws the yellow behind the red.-packages/react/src/PlayerAvatar.tsx:36
children?readonlyReactNodeReplaces the photo. It fills a round, position: relative box the size of the photo, so <Image fill sizes="64px" /> from next/image works as is.-packages/react/src/PlayerAvatar.tsx:56
className?publicstring-Omit.classNamenode_modules/@types/react/index.d.ts:2796
color?publicstring-Omit.colornode_modules/@types/react/index.d.ts:2835
content?publicstring-Omit.contentnode_modules/@types/react/index.d.ts:2821
contentEditable?public"inherit" | Booleanish | "plaintext-only"-Omit.contentEditablenode_modules/@types/react/index.d.ts:2797
contextMenu?publicstring-Omit.contextMenunode_modules/@types/react/index.d.ts:2798
dangerouslySetInnerHTML?publicobject-Omit.dangerouslySetInnerHTMLnode_modules/@types/react/index.d.ts:2268
dangerouslySetInnerHTML.__htmlpublicstring | TrustedHTML--node_modules/@types/react/index.d.ts:2271
datatype?publicstring-Omit.datatypenode_modules/@types/react/index.d.ts:2822
defaultChecked?publicboolean-Omit.defaultCheckednode_modules/@types/react/index.d.ts:2787
defaultValue?publicstring | number | readonly string[]-Omit.defaultValuenode_modules/@types/react/index.d.ts:2788
dir?publicstring-Omit.dirnode_modules/@types/react/index.d.ts:2799
draggable?publicBooleanish-Omit.draggablenode_modules/@types/react/index.d.ts:2800
enterKeyHint?public"search" | "done" | "next" | "enter" | "go" | "previous" | "send"-Omit.enterKeyHintnode_modules/@types/react/index.d.ts:2801
exportparts?publicstringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportpartsOmit.exportpartsnode_modules/@types/react/index.d.ts:2868
goals?readonlynumberThe count is shown from two up.-packages/react/src/PlayerAvatar.tsx:40
hidden?publicboolean-Omit.hiddennode_modules/@types/react/index.d.ts:2802
id?publicstring-Omit.idnode_modules/@types/react/index.d.ts:2803
inert?publicbooleanSee https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inertOmit.inertnode_modules/@types/react/index.d.ts:2854
inlist?publicany-Omit.inlistnode_modules/@types/react/index.d.ts:2823
inputMode?public| "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"Hints at the type of data that might be entered by the user while editing the element or its contents See https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attributeOmit.inputModenode_modules/@types/react/index.d.ts:2859
is?publicstringSpecify that a standard HTML element should behave like a defined custom built-in element See https://html.spec.whatwg.org/multipage/custom-elements.html#attr-isOmit.isnode_modules/@types/react/index.d.ts:2864
itemID?publicstring-Omit.itemIDnode_modules/@types/react/index.d.ts:2839
itemProp?publicstring-Omit.itemPropnode_modules/@types/react/index.d.ts:2836
itemRef?publicstring-Omit.itemRefnode_modules/@types/react/index.d.ts:2840
itemScope?publicboolean-Omit.itemScopenode_modules/@types/react/index.d.ts:2837
itemType?publicstring-Omit.itemTypenode_modules/@types/react/index.d.ts:2838
lang?publicstring-Omit.langnode_modules/@types/react/index.d.ts:2804
namereadonlystringShown under the photo, and the source of the initials when there is no photo.-packages/react/src/PlayerAvatar.tsx:32
nonce?publicstring-Omit.noncenode_modules/@types/react/index.d.ts:2805
number?readonlystring | numberThe shirt number, shown before the name.-packages/react/src/PlayerAvatar.tsx:34
onAbort?publicReactEventHandler<HTMLDivElement>-Omit.onAbortnode_modules/@types/react/index.d.ts:2327
onAbortCapture?publicReactEventHandler<HTMLDivElement>-Omit.onAbortCapturenode_modules/@types/react/index.d.ts:2328
onAnimationEnd?publicAnimationEventHandler<HTMLDivElement>-Omit.onAnimationEndnode_modules/@types/react/index.d.ts:2457
onAnimationEndCapture?publicAnimationEventHandler<HTMLDivElement>-Omit.onAnimationEndCapturenode_modules/@types/react/index.d.ts:2458
onAnimationIteration?publicAnimationEventHandler<HTMLDivElement>-Omit.onAnimationIterationnode_modules/@types/react/index.d.ts:2459
onAnimationIterationCapture?publicAnimationEventHandler<HTMLDivElement>-Omit.onAnimationIterationCapturenode_modules/@types/react/index.d.ts:2460
onAnimationStart?publicAnimationEventHandler<HTMLDivElement>-Omit.onAnimationStartnode_modules/@types/react/index.d.ts:2455
onAnimationStartCapture?publicAnimationEventHandler<HTMLDivElement>-Omit.onAnimationStartCapturenode_modules/@types/react/index.d.ts:2456
onAuxClick?publicMouseEventHandler<HTMLDivElement>-Omit.onAuxClicknode_modules/@types/react/index.d.ts:2373
onAuxClickCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onAuxClickCapturenode_modules/@types/react/index.d.ts:2374
onBeforeInput?publicInputEventHandler<HTMLDivElement>-Omit.onBeforeInputnode_modules/@types/react/index.d.ts:2299
onBeforeInputCapture?publicInputEventHandler<HTMLDivElement>-Omit.onBeforeInputCapturenode_modules/@types/react/index.d.ts:2300
onBeforeToggle?publicToggleEventHandler<HTMLDivElement>-Omit.onBeforeTogglenode_modules/@types/react/index.d.ts:2464
onBlur?publicFocusEventHandler<HTMLDivElement>-Omit.onBlurnode_modules/@types/react/index.d.ts:2293
onBlurCapture?publicFocusEventHandler<HTMLDivElement>-Omit.onBlurCapturenode_modules/@types/react/index.d.ts:2294
onCanPlay?publicReactEventHandler<HTMLDivElement>-Omit.onCanPlaynode_modules/@types/react/index.d.ts:2329
onCanPlayCapture?publicReactEventHandler<HTMLDivElement>-Omit.onCanPlayCapturenode_modules/@types/react/index.d.ts:2330
onCanPlayThrough?publicReactEventHandler<HTMLDivElement>-Omit.onCanPlayThroughnode_modules/@types/react/index.d.ts:2331
onCanPlayThroughCapture?publicReactEventHandler<HTMLDivElement>-Omit.onCanPlayThroughCapturenode_modules/@types/react/index.d.ts:2332
onChange?publicChangeEventHandler<HTMLDivElement, Element>-Omit.onChangenode_modules/@types/react/index.d.ts:2297
onChangeCapture?publicChangeEventHandler<HTMLDivElement, Element>-Omit.onChangeCapturenode_modules/@types/react/index.d.ts:2298
onClick?publicMouseEventHandler<HTMLDivElement>-Omit.onClicknode_modules/@types/react/index.d.ts:2375
onClickCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onClickCapturenode_modules/@types/react/index.d.ts:2376
onCompositionEnd?publicCompositionEventHandler<HTMLDivElement>-Omit.onCompositionEndnode_modules/@types/react/index.d.ts:2283
onCompositionEndCapture?publicCompositionEventHandler<HTMLDivElement>-Omit.onCompositionEndCapturenode_modules/@types/react/index.d.ts:2284
onCompositionStart?publicCompositionEventHandler<HTMLDivElement>-Omit.onCompositionStartnode_modules/@types/react/index.d.ts:2285
onCompositionStartCapture?publicCompositionEventHandler<HTMLDivElement>-Omit.onCompositionStartCapturenode_modules/@types/react/index.d.ts:2286
onCompositionUpdate?publicCompositionEventHandler<HTMLDivElement>-Omit.onCompositionUpdatenode_modules/@types/react/index.d.ts:2287
onCompositionUpdateCapture?publicCompositionEventHandler<HTMLDivElement>-Omit.onCompositionUpdateCapturenode_modules/@types/react/index.d.ts:2288
onContextMenu?publicMouseEventHandler<HTMLDivElement>-Omit.onContextMenunode_modules/@types/react/index.d.ts:2377
onContextMenuCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onContextMenuCapturenode_modules/@types/react/index.d.ts:2378
onCopy?publicClipboardEventHandler<HTMLDivElement>-Omit.onCopynode_modules/@types/react/index.d.ts:2275
onCopyCapture?publicClipboardEventHandler<HTMLDivElement>-Omit.onCopyCapturenode_modules/@types/react/index.d.ts:2276
onCut?publicClipboardEventHandler<HTMLDivElement>-Omit.onCutnode_modules/@types/react/index.d.ts:2277
onCutCapture?publicClipboardEventHandler<HTMLDivElement>-Omit.onCutCapturenode_modules/@types/react/index.d.ts:2278
onDoubleClick?publicMouseEventHandler<HTMLDivElement>-Omit.onDoubleClicknode_modules/@types/react/index.d.ts:2379
onDoubleClickCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onDoubleClickCapturenode_modules/@types/react/index.d.ts:2380
onDrag?publicDragEventHandler<HTMLDivElement>-Omit.onDragnode_modules/@types/react/index.d.ts:2381
onDragCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragCapturenode_modules/@types/react/index.d.ts:2382
onDragEnd?publicDragEventHandler<HTMLDivElement>-Omit.onDragEndnode_modules/@types/react/index.d.ts:2383
onDragEndCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragEndCapturenode_modules/@types/react/index.d.ts:2384
onDragEnter?publicDragEventHandler<HTMLDivElement>-Omit.onDragEnternode_modules/@types/react/index.d.ts:2385
onDragEnterCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragEnterCapturenode_modules/@types/react/index.d.ts:2386
onDragExit?publicDragEventHandler<HTMLDivElement>-Omit.onDragExitnode_modules/@types/react/index.d.ts:2387
onDragExitCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragExitCapturenode_modules/@types/react/index.d.ts:2388
onDragLeave?publicDragEventHandler<HTMLDivElement>-Omit.onDragLeavenode_modules/@types/react/index.d.ts:2389
onDragLeaveCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragLeaveCapturenode_modules/@types/react/index.d.ts:2390
onDragOver?publicDragEventHandler<HTMLDivElement>-Omit.onDragOvernode_modules/@types/react/index.d.ts:2391
onDragOverCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragOverCapturenode_modules/@types/react/index.d.ts:2392
onDragStart?publicDragEventHandler<HTMLDivElement>-Omit.onDragStartnode_modules/@types/react/index.d.ts:2393
onDragStartCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDragStartCapturenode_modules/@types/react/index.d.ts:2394
onDrop?publicDragEventHandler<HTMLDivElement>-Omit.onDropnode_modules/@types/react/index.d.ts:2395
onDropCapture?publicDragEventHandler<HTMLDivElement>-Omit.onDropCapturenode_modules/@types/react/index.d.ts:2396
onDurationChange?publicReactEventHandler<HTMLDivElement>-Omit.onDurationChangenode_modules/@types/react/index.d.ts:2333
onDurationChangeCapture?publicReactEventHandler<HTMLDivElement>-Omit.onDurationChangeCapturenode_modules/@types/react/index.d.ts:2334
onEmptied?publicReactEventHandler<HTMLDivElement>-Omit.onEmptiednode_modules/@types/react/index.d.ts:2335
onEmptiedCapture?publicReactEventHandler<HTMLDivElement>-Omit.onEmptiedCapturenode_modules/@types/react/index.d.ts:2336
onEncrypted?publicReactEventHandler<HTMLDivElement>-Omit.onEncryptednode_modules/@types/react/index.d.ts:2337
onEncryptedCapture?publicReactEventHandler<HTMLDivElement>-Omit.onEncryptedCapturenode_modules/@types/react/index.d.ts:2338
onEnded?publicReactEventHandler<HTMLDivElement>-Omit.onEndednode_modules/@types/react/index.d.ts:2339
onEndedCapture?publicReactEventHandler<HTMLDivElement>-Omit.onEndedCapturenode_modules/@types/react/index.d.ts:2340
onError?publicReactEventHandler<HTMLDivElement>-Omit.onErrornode_modules/@types/react/index.d.ts:2313
onErrorCapture?publicReactEventHandler<HTMLDivElement>-Omit.onErrorCapturenode_modules/@types/react/index.d.ts:2314
onFocus?publicFocusEventHandler<HTMLDivElement>-Omit.onFocusnode_modules/@types/react/index.d.ts:2291
onFocusCapture?publicFocusEventHandler<HTMLDivElement>-Omit.onFocusCapturenode_modules/@types/react/index.d.ts:2292
onGotPointerCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onGotPointerCapturenode_modules/@types/react/index.d.ts:2439
onGotPointerCaptureCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onGotPointerCaptureCapturenode_modules/@types/react/index.d.ts:2440
onInput?publicInputEventHandler<HTMLDivElement>-Omit.onInputnode_modules/@types/react/index.d.ts:2301
onInputCapture?publicInputEventHandler<HTMLDivElement>-Omit.onInputCapturenode_modules/@types/react/index.d.ts:2302
onInvalid?publicReactEventHandler<HTMLDivElement>-Omit.onInvalidnode_modules/@types/react/index.d.ts:2307
onInvalidCapture?publicReactEventHandler<HTMLDivElement>-Omit.onInvalidCapturenode_modules/@types/react/index.d.ts:2308
onKeyDown?publicKeyboardEventHandler<HTMLDivElement>-Omit.onKeyDownnode_modules/@types/react/index.d.ts:2317
onKeyDownCapture?publicKeyboardEventHandler<HTMLDivElement>-Omit.onKeyDownCapturenode_modules/@types/react/index.d.ts:2318
onKeyPress?publicKeyboardEventHandler<HTMLDivElement>Deprecated Use onKeyUp or onKeyDown insteadOmit.onKeyPressnode_modules/@types/react/index.d.ts:2320
onKeyPressCapture?publicKeyboardEventHandler<HTMLDivElement>Deprecated Use onKeyUpCapture or onKeyDownCapture insteadOmit.onKeyPressCapturenode_modules/@types/react/index.d.ts:2322
onKeyUp?publicKeyboardEventHandler<HTMLDivElement>-Omit.onKeyUpnode_modules/@types/react/index.d.ts:2323
onKeyUpCapture?publicKeyboardEventHandler<HTMLDivElement>-Omit.onKeyUpCapturenode_modules/@types/react/index.d.ts:2324
onLoad?publicReactEventHandler<HTMLDivElement>-Omit.onLoadnode_modules/@types/react/index.d.ts:2311
onLoadCapture?publicReactEventHandler<HTMLDivElement>-Omit.onLoadCapturenode_modules/@types/react/index.d.ts:2312
onLoadedData?publicReactEventHandler<HTMLDivElement>-Omit.onLoadedDatanode_modules/@types/react/index.d.ts:2341
onLoadedDataCapture?publicReactEventHandler<HTMLDivElement>-Omit.onLoadedDataCapturenode_modules/@types/react/index.d.ts:2342
onLoadedMetadata?publicReactEventHandler<HTMLDivElement>-Omit.onLoadedMetadatanode_modules/@types/react/index.d.ts:2343
onLoadedMetadataCapture?publicReactEventHandler<HTMLDivElement>-Omit.onLoadedMetadataCapturenode_modules/@types/react/index.d.ts:2344
onLoadStart?publicReactEventHandler<HTMLDivElement>-Omit.onLoadStartnode_modules/@types/react/index.d.ts:2345
onLoadStartCapture?publicReactEventHandler<HTMLDivElement>-Omit.onLoadStartCapturenode_modules/@types/react/index.d.ts:2346
onLostPointerCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onLostPointerCapturenode_modules/@types/react/index.d.ts:2441
onLostPointerCaptureCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onLostPointerCaptureCapturenode_modules/@types/react/index.d.ts:2442
onMouseDown?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseDownnode_modules/@types/react/index.d.ts:2397
onMouseDownCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseDownCapturenode_modules/@types/react/index.d.ts:2398
onMouseEnter?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseEnternode_modules/@types/react/index.d.ts:2399
onMouseLeave?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseLeavenode_modules/@types/react/index.d.ts:2400
onMouseMove?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseMovenode_modules/@types/react/index.d.ts:2401
onMouseMoveCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseMoveCapturenode_modules/@types/react/index.d.ts:2402
onMouseOut?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseOutnode_modules/@types/react/index.d.ts:2403
onMouseOutCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseOutCapturenode_modules/@types/react/index.d.ts:2404
onMouseOver?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseOvernode_modules/@types/react/index.d.ts:2405
onMouseOverCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseOverCapturenode_modules/@types/react/index.d.ts:2406
onMouseUp?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseUpnode_modules/@types/react/index.d.ts:2407
onMouseUpCapture?publicMouseEventHandler<HTMLDivElement>-Omit.onMouseUpCapturenode_modules/@types/react/index.d.ts:2408
onPaste?publicClipboardEventHandler<HTMLDivElement>-Omit.onPastenode_modules/@types/react/index.d.ts:2279
onPasteCapture?publicClipboardEventHandler<HTMLDivElement>-Omit.onPasteCapturenode_modules/@types/react/index.d.ts:2280
onPause?publicReactEventHandler<HTMLDivElement>-Omit.onPausenode_modules/@types/react/index.d.ts:2347
onPauseCapture?publicReactEventHandler<HTMLDivElement>-Omit.onPauseCapturenode_modules/@types/react/index.d.ts:2348
onPlay?publicReactEventHandler<HTMLDivElement>-Omit.onPlaynode_modules/@types/react/index.d.ts:2349
onPlayCapture?publicReactEventHandler<HTMLDivElement>-Omit.onPlayCapturenode_modules/@types/react/index.d.ts:2350
onPlaying?publicReactEventHandler<HTMLDivElement>-Omit.onPlayingnode_modules/@types/react/index.d.ts:2351
onPlayingCapture?publicReactEventHandler<HTMLDivElement>-Omit.onPlayingCapturenode_modules/@types/react/index.d.ts:2352
onPointerCancel?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerCancelnode_modules/@types/react/index.d.ts:2431
onPointerCancelCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerCancelCapturenode_modules/@types/react/index.d.ts:2432
onPointerDown?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerDownnode_modules/@types/react/index.d.ts:2425
onPointerDownCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerDownCapturenode_modules/@types/react/index.d.ts:2426
onPointerEnter?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerEnternode_modules/@types/react/index.d.ts:2433
onPointerLeave?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerLeavenode_modules/@types/react/index.d.ts:2434
onPointerMove?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerMovenode_modules/@types/react/index.d.ts:2427
onPointerMoveCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerMoveCapturenode_modules/@types/react/index.d.ts:2428
onPointerOut?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerOutnode_modules/@types/react/index.d.ts:2437
onPointerOutCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerOutCapturenode_modules/@types/react/index.d.ts:2438
onPointerOver?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerOvernode_modules/@types/react/index.d.ts:2435
onPointerOverCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerOverCapturenode_modules/@types/react/index.d.ts:2436
onPointerUp?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerUpnode_modules/@types/react/index.d.ts:2429
onPointerUpCapture?publicPointerEventHandler<HTMLDivElement>-Omit.onPointerUpCapturenode_modules/@types/react/index.d.ts:2430
onProgress?publicReactEventHandler<HTMLDivElement>-Omit.onProgressnode_modules/@types/react/index.d.ts:2353
onProgressCapture?publicReactEventHandler<HTMLDivElement>-Omit.onProgressCapturenode_modules/@types/react/index.d.ts:2354
onRateChange?publicReactEventHandler<HTMLDivElement>-Omit.onRateChangenode_modules/@types/react/index.d.ts:2355
onRateChangeCapture?publicReactEventHandler<HTMLDivElement>-Omit.onRateChangeCapturenode_modules/@types/react/index.d.ts:2356
onReset?publicReactEventHandler<HTMLDivElement>-Omit.onResetnode_modules/@types/react/index.d.ts:2303
onResetCapture?publicReactEventHandler<HTMLDivElement>-Omit.onResetCapturenode_modules/@types/react/index.d.ts:2304
onScroll?publicUIEventHandler<HTMLDivElement>-Omit.onScrollnode_modules/@types/react/index.d.ts:2445
onScrollCapture?publicUIEventHandler<HTMLDivElement>-Omit.onScrollCapturenode_modules/@types/react/index.d.ts:2446
onScrollEnd?publicUIEventHandler<HTMLDivElement>-Omit.onScrollEndnode_modules/@types/react/index.d.ts:2447
onScrollEndCapture?publicUIEventHandler<HTMLDivElement>-Omit.onScrollEndCapturenode_modules/@types/react/index.d.ts:2448
onSeeked?publicReactEventHandler<HTMLDivElement>-Omit.onSeekednode_modules/@types/react/index.d.ts:2357
onSeekedCapture?publicReactEventHandler<HTMLDivElement>-Omit.onSeekedCapturenode_modules/@types/react/index.d.ts:2358
onSeeking?publicReactEventHandler<HTMLDivElement>-Omit.onSeekingnode_modules/@types/react/index.d.ts:2359
onSeekingCapture?publicReactEventHandler<HTMLDivElement>-Omit.onSeekingCapturenode_modules/@types/react/index.d.ts:2360
onSelect?publicReactEventHandler<HTMLDivElement>-Omit.onSelectnode_modules/@types/react/index.d.ts:2411
onSelectCapture?publicReactEventHandler<HTMLDivElement>-Omit.onSelectCapturenode_modules/@types/react/index.d.ts:2412
onStalled?publicReactEventHandler<HTMLDivElement>-Omit.onStallednode_modules/@types/react/index.d.ts:2361
onStalledCapture?publicReactEventHandler<HTMLDivElement>-Omit.onStalledCapturenode_modules/@types/react/index.d.ts:2362
onSubmit?publicSubmitEventHandler<HTMLDivElement>-Omit.onSubmitnode_modules/@types/react/index.d.ts:2305
onSubmitCapture?publicSubmitEventHandler<HTMLDivElement>-Omit.onSubmitCapturenode_modules/@types/react/index.d.ts:2306
onSuspend?publicReactEventHandler<HTMLDivElement>-Omit.onSuspendnode_modules/@types/react/index.d.ts:2363
onSuspendCapture?publicReactEventHandler<HTMLDivElement>-Omit.onSuspendCapturenode_modules/@types/react/index.d.ts:2364
onTimeUpdate?publicReactEventHandler<HTMLDivElement>-Omit.onTimeUpdatenode_modules/@types/react/index.d.ts:2365
onTimeUpdateCapture?publicReactEventHandler<HTMLDivElement>-Omit.onTimeUpdateCapturenode_modules/@types/react/index.d.ts:2366
onToggle?publicToggleEventHandler<HTMLDivElement>-Omit.onTogglenode_modules/@types/react/index.d.ts:2463
onTouchCancel?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchCancelnode_modules/@types/react/index.d.ts:2415
onTouchCancelCapture?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchCancelCapturenode_modules/@types/react/index.d.ts:2416
onTouchEnd?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchEndnode_modules/@types/react/index.d.ts:2417
onTouchEndCapture?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchEndCapturenode_modules/@types/react/index.d.ts:2418
onTouchMove?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchMovenode_modules/@types/react/index.d.ts:2419
onTouchMoveCapture?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchMoveCapturenode_modules/@types/react/index.d.ts:2420
onTouchStart?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchStartnode_modules/@types/react/index.d.ts:2421
onTouchStartCapture?publicTouchEventHandler<HTMLDivElement>-Omit.onTouchStartCapturenode_modules/@types/react/index.d.ts:2422
onTransitionCancel?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionCancelnode_modules/@types/react/index.d.ts:2467
onTransitionCancelCapture?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionCancelCapturenode_modules/@types/react/index.d.ts:2468
onTransitionEnd?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionEndnode_modules/@types/react/index.d.ts:2469
onTransitionEndCapture?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionEndCapturenode_modules/@types/react/index.d.ts:2470
onTransitionRun?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionRunnode_modules/@types/react/index.d.ts:2471
onTransitionRunCapture?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionRunCapturenode_modules/@types/react/index.d.ts:2472
onTransitionStart?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionStartnode_modules/@types/react/index.d.ts:2473
onTransitionStartCapture?publicTransitionEventHandler<HTMLDivElement>-Omit.onTransitionStartCapturenode_modules/@types/react/index.d.ts:2474
onVolumeChange?publicReactEventHandler<HTMLDivElement>-Omit.onVolumeChangenode_modules/@types/react/index.d.ts:2367
onVolumeChangeCapture?publicReactEventHandler<HTMLDivElement>-Omit.onVolumeChangeCapturenode_modules/@types/react/index.d.ts:2368
onWaiting?publicReactEventHandler<HTMLDivElement>-Omit.onWaitingnode_modules/@types/react/index.d.ts:2369
onWaitingCapture?publicReactEventHandler<HTMLDivElement>-Omit.onWaitingCapturenode_modules/@types/react/index.d.ts:2370
onWheel?publicWheelEventHandler<HTMLDivElement>-Omit.onWheelnode_modules/@types/react/index.d.ts:2451
onWheelCapture?publicWheelEventHandler<HTMLDivElement>-Omit.onWheelCapturenode_modules/@types/react/index.d.ts:2452
part?publicstringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/partOmit.partnode_modules/@types/react/index.d.ts:2872
popover?public"" | "auto" | "manual" | "hint"-Omit.popovernode_modules/@types/react/index.d.ts:2846
popoverTarget?publicstring-Omit.popoverTargetnode_modules/@types/react/index.d.ts:2848
popoverTargetAction?public"hide" | "show" | "toggle"-Omit.popoverTargetActionnode_modules/@types/react/index.d.ts:2847
prefix?publicstring-Omit.prefixnode_modules/@types/react/index.d.ts:2824
property?publicstring-Omit.propertynode_modules/@types/react/index.d.ts:2825
radioGroup?publicstring-Omit.radioGroupnode_modules/@types/react/index.d.ts:2814
rel?publicstring-Omit.relnode_modules/@types/react/index.d.ts:2826
resource?publicstring-Omit.resourcenode_modules/@types/react/index.d.ts:2827
results?publicnumber-Omit.resultsnode_modules/@types/react/index.d.ts:2841
rev?publicstring-Omit.revnode_modules/@types/react/index.d.ts:2828
role?publicAriaRole-Omit.rolenode_modules/@types/react/index.d.ts:2817
security?publicstring-Omit.securitynode_modules/@types/react/index.d.ts:2842
size?readonlynumberThe photo's diameter in pixels. Leave it unset to scale with the pitch, or set --pitch-avatar-size in CSS.-packages/react/src/PlayerAvatar.tsx:51
slot?publicstring-Omit.slotnode_modules/@types/react/index.d.ts:2806
spellCheck?publicBooleanish-Omit.spellChecknode_modules/@types/react/index.d.ts:2807
src?readonlystringThe photo, as a plain <img loading="lazy">. For an optimised image (next/image, a CDN component), pass it as children instead.-packages/react/src/PlayerAvatar.tsx:46
style?publicCSSProperties-Omit.stylenode_modules/@types/react/index.d.ts:2808
subbed?readonlyPlayerSubstitution"on" for a substitute who came on, "off" for a player who was replaced.-packages/react/src/PlayerAvatar.tsx:38
suppressContentEditableWarning?publicboolean-Omit.suppressContentEditableWarningnode_modules/@types/react/index.d.ts:2789
suppressHydrationWarning?publicboolean-Omit.suppressHydrationWarningnode_modules/@types/react/index.d.ts:2790
tabIndex?publicnumber-Omit.tabIndexnode_modules/@types/react/index.d.ts:2809
title?publicstring-Omit.titlenode_modules/@types/react/index.d.ts:2810
translate?public"yes" | "no"-Omit.translatenode_modules/@types/react/index.d.ts:2811
typeof?publicstring-Omit.typeofnode_modules/@types/react/index.d.ts:2829
unselectable?public"on" | "off"-Omit.unselectablenode_modules/@types/react/index.d.ts:2843
vocab?publicstring-Omit.vocabnode_modules/@types/react/index.d.ts:2830
xreadonlynumberWhere the photo's centre sits, in the pitch's type units.-packages/react/src/PlayerAvatar.tsx:29
yreadonlynumber--packages/react/src/PlayerAvatar.tsx:30

On this page