Function SVG

  • Parameters

    • props: {
          accentHeight?: string | number;
          accumulate?: "none" | "sum";
          additive?: "replace" | "sum";
          alignmentBaseline?:
              | "alphabetic"
              | "hanging"
              | "ideographic"
              | "mathematical"
              | "inherit"
              | "auto"
              | "baseline"
              | "before-edge"
              | "text-before-edge"
              | "middle"
              | "central"
              | "after-edge"
              | "text-after-edge";
          allowReorder?: "yes"
          | "no";
          alphabetic?: string | number;
          amplitude?: string | number;
          arabicForm?: "initial" | "medial" | "terminal" | "isolated";
          "aria-activedescendant"?: string;
          "aria-atomic"?: Booleanish;
          "aria-autocomplete"?: "none" | "list" | "inline" | "both";
          "aria-braillelabel"?: string;
          "aria-brailleroledescription"?: string;
          "aria-busy"?: Booleanish;
          "aria-checked"?: boolean | "true" | "false" | "mixed";
          "aria-colcount"?: number;
          "aria-colindex"?: number;
          "aria-colindextext"?: string;
          "aria-colspan"?: number;
          "aria-controls"?: string;
          "aria-current"?:
              | boolean
              | "date"
              | "time"
              | "true"
              | "false"
              | "location"
              | "page"
              | "step";
          "aria-describedby"?: string;
          "aria-description"?: string;
          "aria-details"?: string;
          "aria-disabled"?: Booleanish;
          "aria-dropeffect"?: "link"
          | "copy"
          | "popup"
          | "none"
          | "move"
          | "execute";
          "aria-errormessage"?: string;
          "aria-expanded"?: Booleanish;
          "aria-flowto"?: string;
          "aria-grabbed"?: Booleanish;
          "aria-haspopup"?:
              | boolean
              | "tree"
              | "true"
              | "false"
              | "menu"
              | "listbox"
              | "grid"
              | "dialog";
          "aria-hidden"?: Booleanish;
          "aria-invalid"?: boolean
          | "true"
          | "false"
          | "grammar"
          | "spelling";
          "aria-keyshortcuts"?: string;
          "aria-label"?: string;
          "aria-labelledby"?: string;
          "aria-level"?: number;
          "aria-live"?: "off" | "assertive" | "polite";
          "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 | "true" | "false" | "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;
          ascent?: string | number;
          attributeName?: string;
          attributeType?: string;
          autoReverse?: Booleanish;
          azimuth?: string | number;
          baseFrequency?: string | number;
          baselineShift?: string | number;
          baseProfile?: string | number;
          baseURL?: string;
          bbox?: string | number;
          begin?: string | number;
          bias?: string | number;
          by?: string | number;
          cacheRequests?: boolean;
          calcMode?: string | number;
          capHeight?: string | number;
          children?: ReactNode;
          className?: string;
          clip?: string | number;
          clipPath?: string;
          clipPathUnits?: string | number;
          clipRule?: string | number;
          color?: string;
          colorInterpolation?: string | number;
          colorInterpolationFilters?: "inherit" | "auto" | "sRGB" | "linearRGB";
          colorProfile?: string | number;
          colorRendering?: string | number;
          contentScriptType?: string | number;
          contentStyleType?: string | number;
          crossOrigin?: CrossOrigin;
          cursor?: string | number;
          cx?: string | number;
          cy?: string | number;
          d?: string;
          dangerouslySetInnerHTML?: { __html: string | TrustedHTML };
          decelerate?: string | number;
          descent?: string | number;
          description?: string;
          diffuseConstant?: string | number;
          direction?: string | number;
          display?: string | number;
          divisor?: string | number;
          dominantBaseline?: string | number;
          dur?: string | number;
          dx?: string | number;
          dy?: string | number;
          edgeMode?: string | number;
          elevation?: string | number;
          enableBackground?: string | number;
          end?: string | number;
          exponent?: string | number;
          externalResourcesRequired?: Booleanish;
          fetchOptions?: RequestInit;
          fill?: string;
          fillOpacity?: string | number;
          fillRule?: "inherit" | "nonzero" | "evenodd";
          filter?: string;
          filterRes?: string | number;
          filterUnits?: string | number;
          floodColor?: string | number;
          floodOpacity?: string | number;
          focusable?: "auto" | Booleanish;
          fontFamily?: string;
          fontSize?: string | number;
          fontSizeAdjust?: string | number;
          fontStretch?: string | number;
          fontStyle?: string | number;
          fontVariant?: string | number;
          fontWeight?: string | number;
          format?: string | number;
          fr?: string | number;
          from?: string | number;
          fx?: string | number;
          fy?: string | number;
          g1?: string | number;
          g2?: string | number;
          glyphName?: string | number;
          glyphOrientationHorizontal?: string | number;
          glyphOrientationVertical?: string | number;
          glyphRef?: string | number;
          gradientTransform?: string;
          gradientUnits?: string;
          hanging?: string | number;
          height?: string | number;
          horizAdvX?: string | number;
          horizOriginX?: string | number;
          href?: string;
          id?: string;
          ideographic?: string | number;
          imageRendering?: string | number;
          in?: string;
          in2?: string | number;
          innerRef?: Ref<null | SVGElement>;
          intercept?: string | number;
          k?: string | number;
          k1?: string | number;
          k2?: string | number;
          k3?: string | number;
          k4?: string | number;
          kernelMatrix?: string | number;
          kernelUnitLength?: string | number;
          kerning?: string | number;
          key?: null | Key;
          keyPoints?: string | number;
          keySplines?: string | number;
          keyTimes?: string | number;
          lang?: string;
          lengthAdjust?: string | number;
          letterSpacing?: string | number;
          lightingColor?: string | number;
          limitingConeAngle?: string | number;
          loader?: ReactNode;
          local?: string | number;
          markerEnd?: string;
          markerHeight?: string | number;
          markerMid?: string;
          markerStart?: string;
          markerUnits?: string | number;
          markerWidth?: string | number;
          mask?: string;
          maskContentUnits?: string | number;
          maskUnits?: string | number;
          mathematical?: string | number;
          max?: string | number;
          media?: string;
          method?: string;
          min?: string | number;
          mode?: string | number;
          name?: string;
          numOctaves?: string | number;
          offset?: string | number;
          onAbort?: ReactEventHandler<SVGElement>;
          onAbortCapture?: ReactEventHandler<SVGElement>;
          onAnimationEnd?: AnimationEventHandler<SVGElement>;
          onAnimationEndCapture?: AnimationEventHandler<SVGElement>;
          onAnimationIteration?: AnimationEventHandler<SVGElement>;
          onAnimationIterationCapture?: AnimationEventHandler<SVGElement>;
          onAnimationStart?: AnimationEventHandler<SVGElement>;
          onAnimationStartCapture?: AnimationEventHandler<SVGElement>;
          onAuxClick?: MouseEventHandler<SVGElement>;
          onAuxClickCapture?: MouseEventHandler<SVGElement>;
          onBeforeInput?: FormEventHandler<SVGElement>;
          onBeforeInputCapture?: FormEventHandler<SVGElement>;
          onBlur?: FocusEventHandler<SVGElement>;
          onBlurCapture?: FocusEventHandler<SVGElement>;
          onCanPlay?: ReactEventHandler<SVGElement>;
          onCanPlayCapture?: ReactEventHandler<SVGElement>;
          onCanPlayThrough?: ReactEventHandler<SVGElement>;
          onCanPlayThroughCapture?: ReactEventHandler<SVGElement>;
          onChange?: FormEventHandler<SVGElement>;
          onChangeCapture?: FormEventHandler<SVGElement>;
          onClick?: MouseEventHandler<SVGElement>;
          onClickCapture?: MouseEventHandler<SVGElement>;
          onCompositionEnd?: CompositionEventHandler<SVGElement>;
          onCompositionEndCapture?: CompositionEventHandler<SVGElement>;
          onCompositionStart?: CompositionEventHandler<SVGElement>;
          onCompositionStartCapture?: CompositionEventHandler<SVGElement>;
          onCompositionUpdate?: CompositionEventHandler<SVGElement>;
          onCompositionUpdateCapture?: CompositionEventHandler<SVGElement>;
          onContextMenu?: MouseEventHandler<SVGElement>;
          onContextMenuCapture?: MouseEventHandler<SVGElement>;
          onCopy?: ClipboardEventHandler<SVGElement>;
          onCopyCapture?: ClipboardEventHandler<SVGElement>;
          onCut?: ClipboardEventHandler<SVGElement>;
          onCutCapture?: ClipboardEventHandler<SVGElement>;
          onDoubleClick?: MouseEventHandler<SVGElement>;
          onDoubleClickCapture?: MouseEventHandler<SVGElement>;
          onDrag?: DragEventHandler<SVGElement>;
          onDragCapture?: DragEventHandler<SVGElement>;
          onDragEnd?: DragEventHandler<SVGElement>;
          onDragEndCapture?: DragEventHandler<SVGElement>;
          onDragEnter?: DragEventHandler<SVGElement>;
          onDragEnterCapture?: DragEventHandler<SVGElement>;
          onDragExit?: DragEventHandler<SVGElement>;
          onDragExitCapture?: DragEventHandler<SVGElement>;
          onDragLeave?: DragEventHandler<SVGElement>;
          onDragLeaveCapture?: DragEventHandler<SVGElement>;
          onDragOver?: DragEventHandler<SVGElement>;
          onDragOverCapture?: DragEventHandler<SVGElement>;
          onDragStart?: DragEventHandler<SVGElement>;
          onDragStartCapture?: DragEventHandler<SVGElement>;
          onDrop?: DragEventHandler<SVGElement>;
          onDropCapture?: DragEventHandler<SVGElement>;
          onDurationChange?: ReactEventHandler<SVGElement>;
          onDurationChangeCapture?: ReactEventHandler<SVGElement>;
          onEmptied?: ReactEventHandler<SVGElement>;
          onEmptiedCapture?: ReactEventHandler<SVGElement>;
          onEncrypted?: ReactEventHandler<SVGElement>;
          onEncryptedCapture?: ReactEventHandler<SVGElement>;
          onEnded?: ReactEventHandler<SVGElement>;
          onEndedCapture?: ReactEventHandler<SVGElement>;
          onError?: ErrorCallback;
          onErrorCapture?: ReactEventHandler<SVGElement>;
          onFocus?: FocusEventHandler<SVGElement>;
          onFocusCapture?: FocusEventHandler<SVGElement>;
          onGotPointerCapture?: PointerEventHandler<SVGElement>;
          onGotPointerCaptureCapture?: PointerEventHandler<SVGElement>;
          onInput?: FormEventHandler<SVGElement>;
          onInputCapture?: FormEventHandler<SVGElement>;
          onInvalid?: FormEventHandler<SVGElement>;
          onInvalidCapture?: FormEventHandler<SVGElement>;
          onKeyDown?: KeyboardEventHandler<SVGElement>;
          onKeyDownCapture?: KeyboardEventHandler<SVGElement>;
          onKeyPress?: KeyboardEventHandler<SVGElement>;
          onKeyPressCapture?: KeyboardEventHandler<SVGElement>;
          onKeyUp?: KeyboardEventHandler<SVGElement>;
          onKeyUpCapture?: KeyboardEventHandler<SVGElement>;
          onLoad?: LoadCallback;
          onLoadCapture?: ReactEventHandler<SVGElement>;
          onLoadedData?: ReactEventHandler<SVGElement>;
          onLoadedDataCapture?: ReactEventHandler<SVGElement>;
          onLoadedMetadata?: ReactEventHandler<SVGElement>;
          onLoadedMetadataCapture?: ReactEventHandler<SVGElement>;
          onLoadStart?: ReactEventHandler<SVGElement>;
          onLoadStartCapture?: ReactEventHandler<SVGElement>;
          onLostPointerCapture?: PointerEventHandler<SVGElement>;
          onLostPointerCaptureCapture?: PointerEventHandler<SVGElement>;
          onMouseDown?: MouseEventHandler<SVGElement>;
          onMouseDownCapture?: MouseEventHandler<SVGElement>;
          onMouseEnter?: MouseEventHandler<SVGElement>;
          onMouseLeave?: MouseEventHandler<SVGElement>;
          onMouseMove?: MouseEventHandler<SVGElement>;
          onMouseMoveCapture?: MouseEventHandler<SVGElement>;
          onMouseOut?: MouseEventHandler<SVGElement>;
          onMouseOutCapture?: MouseEventHandler<SVGElement>;
          onMouseOver?: MouseEventHandler<SVGElement>;
          onMouseOverCapture?: MouseEventHandler<SVGElement>;
          onMouseUp?: MouseEventHandler<SVGElement>;
          onMouseUpCapture?: MouseEventHandler<SVGElement>;
          onPaste?: ClipboardEventHandler<SVGElement>;
          onPasteCapture?: ClipboardEventHandler<SVGElement>;
          onPause?: ReactEventHandler<SVGElement>;
          onPauseCapture?: ReactEventHandler<SVGElement>;
          onPlay?: ReactEventHandler<SVGElement>;
          onPlayCapture?: ReactEventHandler<SVGElement>;
          onPlaying?: ReactEventHandler<SVGElement>;
          onPlayingCapture?: ReactEventHandler<SVGElement>;
          onPointerCancel?: PointerEventHandler<SVGElement>;
          onPointerCancelCapture?: PointerEventHandler<SVGElement>;
          onPointerDown?: PointerEventHandler<SVGElement>;
          onPointerDownCapture?: PointerEventHandler<SVGElement>;
          onPointerEnter?: PointerEventHandler<SVGElement>;
          onPointerLeave?: PointerEventHandler<SVGElement>;
          onPointerMove?: PointerEventHandler<SVGElement>;
          onPointerMoveCapture?: PointerEventHandler<SVGElement>;
          onPointerOut?: PointerEventHandler<SVGElement>;
          onPointerOutCapture?: PointerEventHandler<SVGElement>;
          onPointerOver?: PointerEventHandler<SVGElement>;
          onPointerOverCapture?: PointerEventHandler<SVGElement>;
          onPointerUp?: PointerEventHandler<SVGElement>;
          onPointerUpCapture?: PointerEventHandler<SVGElement>;
          onProgress?: ReactEventHandler<SVGElement>;
          onProgressCapture?: ReactEventHandler<SVGElement>;
          onRateChange?: ReactEventHandler<SVGElement>;
          onRateChangeCapture?: ReactEventHandler<SVGElement>;
          onReset?: FormEventHandler<SVGElement>;
          onResetCapture?: FormEventHandler<SVGElement>;
          onResize?: ReactEventHandler<SVGElement>;
          onResizeCapture?: ReactEventHandler<SVGElement>;
          onScroll?: UIEventHandler<SVGElement>;
          onScrollCapture?: UIEventHandler<SVGElement>;
          onSeeked?: ReactEventHandler<SVGElement>;
          onSeekedCapture?: ReactEventHandler<SVGElement>;
          onSeeking?: ReactEventHandler<SVGElement>;
          onSeekingCapture?: ReactEventHandler<SVGElement>;
          onSelect?: ReactEventHandler<SVGElement>;
          onSelectCapture?: ReactEventHandler<SVGElement>;
          onStalled?: ReactEventHandler<SVGElement>;
          onStalledCapture?: ReactEventHandler<SVGElement>;
          onSubmit?: FormEventHandler<SVGElement>;
          onSubmitCapture?: FormEventHandler<SVGElement>;
          onSuspend?: ReactEventHandler<SVGElement>;
          onSuspendCapture?: ReactEventHandler<SVGElement>;
          onTimeUpdate?: ReactEventHandler<SVGElement>;
          onTimeUpdateCapture?: ReactEventHandler<SVGElement>;
          onTouchCancel?: TouchEventHandler<SVGElement>;
          onTouchCancelCapture?: TouchEventHandler<SVGElement>;
          onTouchEnd?: TouchEventHandler<SVGElement>;
          onTouchEndCapture?: TouchEventHandler<SVGElement>;
          onTouchMove?: TouchEventHandler<SVGElement>;
          onTouchMoveCapture?: TouchEventHandler<SVGElement>;
          onTouchStart?: TouchEventHandler<SVGElement>;
          onTouchStartCapture?: TouchEventHandler<SVGElement>;
          onTransitionEnd?: TransitionEventHandler<SVGElement>;
          onTransitionEndCapture?: TransitionEventHandler<SVGElement>;
          onVolumeChange?: ReactEventHandler<SVGElement>;
          onVolumeChangeCapture?: ReactEventHandler<SVGElement>;
          onWaiting?: ReactEventHandler<SVGElement>;
          onWaitingCapture?: ReactEventHandler<SVGElement>;
          onWheel?: WheelEventHandler<SVGElement>;
          onWheelCapture?: WheelEventHandler<SVGElement>;
          opacity?: string | number;
          operator?: string | number;
          order?: string | number;
          orient?: string | number;
          orientation?: string | number;
          origin?: string | number;
          overflow?: string | number;
          overlinePosition?: string | number;
          overlineThickness?: string | number;
          paintOrder?: string | number;
          panose1?: string | number;
          path?: string;
          pathLength?: string | number;
          patternContentUnits?: string;
          patternTransform?: string | number;
          patternUnits?: string;
          pointerEvents?: string | number;
          points?: string;
          pointsAtX?: string | number;
          pointsAtY?: string | number;
          pointsAtZ?: string | number;
          preProcessor?: PreProcessorCallback;
          preserveAlpha?: Booleanish;
          preserveAspectRatio?: string;
          primitiveUnits?: string | number;
          r?: string | number;
          radius?: string | number;
          refX?: string | number;
          refY?: string | number;
          renderingIntent?: string | number;
          repeatCount?: string | number;
          repeatDur?: string | number;
          requiredExtensions?: string | number;
          requiredFeatures?: string | number;
          restart?: string | number;
          result?: string;
          role?: AriaRole;
          rotate?: string | number;
          rx?: string | number;
          ry?: string | number;
          scale?: string | number;
          seed?: string | number;
          shapeRendering?: string | number;
          slope?: string | number;
          spacing?: string | number;
          specularConstant?: string | number;
          specularExponent?: string | number;
          speed?: string | number;
          spreadMethod?: string;
          src: string;
          startOffset?: string | number;
          stdDeviation?: string | number;
          stemh?: string | number;
          stemv?: string | number;
          stitchTiles?: string | number;
          stopColor?: string;
          stopOpacity?: string | number;
          strikethroughPosition?: string | number;
          strikethroughThickness?: string | number;
          string?: string | number;
          stroke?: string;
          strokeDasharray?: string | number;
          strokeDashoffset?: string | number;
          strokeLinecap?: "inherit" | "butt" | "round" | "square";
          strokeLinejoin?: "inherit" | "round" | "miter" | "bevel";
          strokeMiterlimit?: string | number;
          strokeOpacity?: string | number;
          strokeWidth?: string | number;
          style?: CSSProperties;
          suppressHydrationWarning?: boolean;
          surfaceScale?: string | number;
          systemLanguage?: string | number;
          tabIndex?: number;
          tableValues?: string | number;
          target?: string;
          targetX?: string | number;
          targetY?: string | number;
          textAnchor?: string;
          textDecoration?: string | number;
          textLength?: string | number;
          textRendering?: string | number;
          title?: null | string;
          to?: string | number;
          transform?: string;
          type?: string;
          u1?: string | number;
          u2?: string | number;
          underlinePosition?: string | number;
          underlineThickness?: string | number;
          unicode?: string | number;
          unicodeBidi?: string | number;
          unicodeRange?: string | number;
          uniqueHash?: string;
          uniquifyIDs?: boolean;
          unitsPerEm?: string | number;
          vAlphabetic?: string | number;
          values?: string;
          vectorEffect?: string | number;
          version?: string;
          vertAdvY?: string | number;
          vertOriginX?: string | number;
          vertOriginY?: string | number;
          vHanging?: string | number;
          vIdeographic?: string | number;
          viewBox?: string;
          viewTarget?: string | number;
          visibility?: string | number;
          vMathematical?: string | number;
          width?: string | number;
          widths?: string | number;
          wordSpacing?: string | number;
          writingMode?: string | number;
          x?: string | number;
          x1?: string | number;
          x2?: string | number;
          xChannelSelector?: string;
          xHeight?: string | number;
          xlinkActuate?: string;
          xlinkArcrole?: string;
          xlinkHref?: string;
          xlinkRole?: string;
          xlinkShow?: string;
          xlinkTitle?: string;
          xlinkType?: string;
          xmlBase?: string;
          xmlLang?: string;
          xmlns?: string;
          xmlnsXlink?: string;
          xmlSpace?: string;
          y?: string | number;
          y1?: string | number;
          y2?: string | number;
          yChannelSelector?: string;
          z?: string | number;
          zoomAndPan?: string;
      }
      • OptionalaccentHeight?: string | number
      • Optionalaccumulate?: "none" | "sum"
      • Optionaladditive?: "replace" | "sum"
      • OptionalalignmentBaseline?:
            | "alphabetic"
            | "hanging"
            | "ideographic"
            | "mathematical"
            | "inherit"
            | "auto"
            | "baseline"
            | "before-edge"
            | "text-before-edge"
            | "middle"
            | "central"
            | "after-edge"
            | "text-after-edge"
      • OptionalallowReorder?: "yes" | "no"
      • Optionalalphabetic?: string | number
      • Optionalamplitude?: string | number
      • OptionalarabicForm?: "initial" | "medial" | "terminal" | "isolated"
      • Optionalaria-activedescendant?: string

        Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

      • Optionalaria-atomic?: Booleanish

        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.

      • Optionalaria-autocomplete?: "none" | "list" | "inline" | "both"

        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.

      • Optionalaria-braillelabel?: string

        Defines a string value that labels the current element, which is intended to be converted into Braille.

        aria-label.

      • Optionalaria-brailleroledescription?: 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.

      • Optionalaria-busy?: Booleanish
      • Optionalaria-checked?: boolean | "true" | "false" | "mixed"

        Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

        • aria-pressed
        • aria-selected.
      • Optionalaria-colcount?: number

        Defines the total number of columns in a table, grid, or treegrid.

        aria-colindex.

      • Optionalaria-colindex?: 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.
      • Optionalaria-colindextext?: string

        Defines a human readable text alternative of aria-colindex.

        aria-rowindextext.

      • Optionalaria-colspan?: number

        Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

        • aria-colindex
        • aria-rowspan.
      • Optionalaria-controls?: string

        Identifies the element (or elements) whose contents or presence are controlled by the current element.

        aria-owns.

      • Optionalaria-current?: boolean | "date" | "time" | "true" | "false" | "location" | "page" | "step"

        Indicates the element that represents the current item within a container or set of related elements.

      • Optionalaria-describedby?: string

        Identifies the element (or elements) that describes the object.

        aria-labelledby

      • Optionalaria-description?: string

        Defines a string value that describes or annotates the current element.

        related aria-describedby.

      • Optionalaria-details?: string

        Identifies the element that provides a detailed, extended description for the object.

        aria-describedby.

      • Optionalaria-disabled?: Booleanish

        Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

        • aria-hidden
        • aria-readonly.
      • Optionalaria-dropeffect?: "link" | "copy" | "popup" | "none" | "move" | "execute"

        Indicates what functions can be performed when a dragged object is released on the drop target.

        in ARIA 1.1

      • Optionalaria-errormessage?: string

        Identifies the element that provides an error message for the object.

        • aria-invalid
        • aria-describedby.
      • Optionalaria-expanded?: Booleanish

        Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

      • Optionalaria-flowto?: string

        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.

      • Optionalaria-grabbed?: Booleanish

        Indicates an element's "grabbed" state in a drag-and-drop operation.

        in ARIA 1.1

      • Optionalaria-haspopup?: boolean | "tree" | "true" | "false" | "menu" | "listbox" | "grid" | "dialog"

        Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

      • Optionalaria-hidden?: Booleanish

        Indicates whether the element is exposed to an accessibility API.

        aria-disabled.

      • Optionalaria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"

        Indicates the entered value does not conform to the format expected by the application.

        aria-errormessage.

      • Optionalaria-keyshortcuts?: string

        Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

      • Optionalaria-label?: string

        Defines a string value that labels the current element.

        aria-labelledby.

      • Optionalaria-labelledby?: string

        Identifies the element (or elements) that labels the current element.

        aria-describedby.

      • Optionalaria-level?: number

        Defines the hierarchical level of an element within a structure.

      • Optionalaria-live?: "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.

      • Optionalaria-modal?: Booleanish

        Indicates whether an element is modal when displayed.

      • Optionalaria-multiline?: Booleanish

        Indicates whether a text box accepts multiple lines of input or only a single line.

      • Optionalaria-multiselectable?: Booleanish

        Indicates that the user may select more than one item from the current selectable descendants.

      • Optionalaria-orientation?: "horizontal" | "vertical"

        Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

      • Optionalaria-owns?: string

        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.

      • Optionalaria-placeholder?: 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.

      • Optionalaria-posinset?: number

        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.

      • Optionalaria-pressed?: boolean | "true" | "false" | "mixed"

        Indicates the current "pressed" state of toggle buttons.

        • aria-checked
        • aria-selected.
      • Optionalaria-readonly?: Booleanish

        Indicates that the element is not editable, but is otherwise operable.

        aria-disabled.

      • Optionalaria-relevant?:
            | "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.

        aria-atomic.

      • Optionalaria-required?: Booleanish

        Indicates that user input is required on the element before a form may be submitted.

      • Optionalaria-roledescription?: string

        Defines a human-readable, author-localized description for the role of an element.

      • Optionalaria-rowcount?: number

        Defines the total number of rows in a table, grid, or treegrid.

        aria-rowindex.

      • Optionalaria-rowindex?: 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.
      • Optionalaria-rowindextext?: string

        Defines a human readable text alternative of aria-rowindex.

        aria-colindextext.

      • Optionalaria-rowspan?: number

        Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

        • aria-rowindex
        • aria-colspan.
      • Optionalaria-selected?: Booleanish

        Indicates the current "selected" state of various widgets.

        • aria-checked
        • aria-pressed.
      • Optionalaria-setsize?: number

        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.

      • Optionalaria-sort?: "none" | "ascending" | "descending" | "other"

        Indicates if items in a table or grid are sorted in ascending or descending order.

      • Optionalaria-valuemax?: number

        Defines the maximum allowed value for a range widget.

      • Optionalaria-valuemin?: number

        Defines the minimum allowed value for a range widget.

      • Optionalaria-valuenow?: number

        Defines the current value for a range widget.

        aria-valuetext.

      • Optionalaria-valuetext?: string

        Defines the human readable text alternative of aria-valuenow for a range widget.

      • Optionalascent?: string | number
      • OptionalattributeName?: string
      • OptionalattributeType?: string
      • OptionalautoReverse?: Booleanish
      • Optionalazimuth?: string | number
      • OptionalbaseFrequency?: string | number
      • OptionalbaselineShift?: string | number
      • OptionalbaseProfile?: string | number
      • OptionalbaseURL?: string
      • Optionalbbox?: string | number
      • Optionalbegin?: string | number
      • Optionalbias?: string | number
      • Optionalby?: string | number
      • OptionalcacheRequests?: boolean
      • OptionalcalcMode?: string | number
      • OptionalcapHeight?: string | number
      • Optionalchildren?: ReactNode
      • OptionalclassName?: string
      • Optionalclip?: string | number
      • OptionalclipPath?: string
      • OptionalclipPathUnits?: string | number
      • OptionalclipRule?: string | number
      • Optionalcolor?: string
      • OptionalcolorInterpolation?: string | number
      • OptionalcolorInterpolationFilters?: "inherit" | "auto" | "sRGB" | "linearRGB"
      • OptionalcolorProfile?: string | number
      • OptionalcolorRendering?: string | number
      • OptionalcontentScriptType?: string | number
      • OptionalcontentStyleType?: string | number
      • OptionalcrossOrigin?: CrossOrigin
      • Optionalcursor?: string | number
      • Optionalcx?: string | number
      • Optionalcy?: string | number
      • Optionald?: string
      • OptionaldangerouslySetInnerHTML?: { __html: string | TrustedHTML }
      • Optionaldecelerate?: string | number
      • Optionaldescent?: string | number
      • Optionaldescription?: string
      • OptionaldiffuseConstant?: string | number
      • Optionaldirection?: string | number
      • Optionaldisplay?: string | number
      • Optionaldivisor?: string | number
      • OptionaldominantBaseline?: string | number
      • Optionaldur?: string | number
      • Optionaldx?: string | number
      • Optionaldy?: string | number
      • OptionaledgeMode?: string | number
      • Optionalelevation?: string | number
      • OptionalenableBackground?: string | number
      • Optionalend?: string | number
      • Optionalexponent?: string | number
      • OptionalexternalResourcesRequired?: Booleanish
      • OptionalfetchOptions?: RequestInit
      • Optionalfill?: string
      • OptionalfillOpacity?: string | number
      • OptionalfillRule?: "inherit" | "nonzero" | "evenodd"
      • Optionalfilter?: string
      • OptionalfilterRes?: string | number
      • OptionalfilterUnits?: string | number
      • OptionalfloodColor?: string | number
      • OptionalfloodOpacity?: string | number
      • Optionalfocusable?: "auto" | Booleanish
      • OptionalfontFamily?: string
      • OptionalfontSize?: string | number
      • OptionalfontSizeAdjust?: string | number
      • OptionalfontStretch?: string | number
      • OptionalfontStyle?: string | number
      • OptionalfontVariant?: string | number
      • OptionalfontWeight?: string | number
      • Optionalformat?: string | number
      • Optionalfr?: string | number
      • Optionalfrom?: string | number
      • Optionalfx?: string | number
      • Optionalfy?: string | number
      • Optionalg1?: string | number
      • Optionalg2?: string | number
      • OptionalglyphName?: string | number
      • OptionalglyphOrientationHorizontal?: string | number
      • OptionalglyphOrientationVertical?: string | number
      • OptionalglyphRef?: string | number
      • OptionalgradientTransform?: string
      • OptionalgradientUnits?: string
      • Optionalhanging?: string | number
      • Optionalheight?: string | number
      • OptionalhorizAdvX?: string | number
      • OptionalhorizOriginX?: string | number
      • Optionalhref?: string
      • Optionalid?: string
      • Optionalideographic?: string | number
      • OptionalimageRendering?: string | number
      • Optionalin?: string
      • Optionalin2?: string | number
      • OptionalinnerRef?: Ref<null | SVGElement>
      • Optionalintercept?: string | number
      • Optionalk?: string | number
      • Optionalk1?: string | number
      • Optionalk2?: string | number
      • Optionalk3?: string | number
      • Optionalk4?: string | number
      • OptionalkernelMatrix?: string | number
      • OptionalkernelUnitLength?: string | number
      • Optionalkerning?: string | number
      • Optionalkey?: null | Key
      • OptionalkeyPoints?: string | number
      • OptionalkeySplines?: string | number
      • OptionalkeyTimes?: string | number
      • Optionallang?: string
      • OptionallengthAdjust?: string | number
      • OptionalletterSpacing?: string | number
      • OptionallightingColor?: string | number
      • OptionallimitingConeAngle?: string | number
      • Optionalloader?: ReactNode
      • Optionallocal?: string | number
      • OptionalmarkerEnd?: string
      • OptionalmarkerHeight?: string | number
      • OptionalmarkerMid?: string
      • OptionalmarkerStart?: string
      • OptionalmarkerUnits?: string | number
      • OptionalmarkerWidth?: string | number
      • Optionalmask?: string
      • OptionalmaskContentUnits?: string | number
      • OptionalmaskUnits?: string | number
      • Optionalmathematical?: string | number
      • Optionalmax?: string | number
      • Optionalmedia?: string
      • Optionalmethod?: string
      • Optionalmin?: string | number
      • Optionalmode?: string | number
      • Optionalname?: string
      • OptionalnumOctaves?: string | number
      • Optionaloffset?: string | number
      • OptionalonAbort?: ReactEventHandler<SVGElement>
      • OptionalonAbortCapture?: ReactEventHandler<SVGElement>
      • OptionalonAnimationEnd?: AnimationEventHandler<SVGElement>
      • OptionalonAnimationEndCapture?: AnimationEventHandler<SVGElement>
      • OptionalonAnimationIteration?: AnimationEventHandler<SVGElement>
      • OptionalonAnimationIterationCapture?: AnimationEventHandler<SVGElement>
      • OptionalonAnimationStart?: AnimationEventHandler<SVGElement>
      • OptionalonAnimationStartCapture?: AnimationEventHandler<SVGElement>
      • OptionalonAuxClick?: MouseEventHandler<SVGElement>
      • OptionalonAuxClickCapture?: MouseEventHandler<SVGElement>
      • OptionalonBeforeInput?: FormEventHandler<SVGElement>
      • OptionalonBeforeInputCapture?: FormEventHandler<SVGElement>
      • OptionalonBlur?: FocusEventHandler<SVGElement>
      • OptionalonBlurCapture?: FocusEventHandler<SVGElement>
      • OptionalonCanPlay?: ReactEventHandler<SVGElement>
      • OptionalonCanPlayCapture?: ReactEventHandler<SVGElement>
      • OptionalonCanPlayThrough?: ReactEventHandler<SVGElement>
      • OptionalonCanPlayThroughCapture?: ReactEventHandler<SVGElement>
      • OptionalonChange?: FormEventHandler<SVGElement>
      • OptionalonChangeCapture?: FormEventHandler<SVGElement>
      • OptionalonClick?: MouseEventHandler<SVGElement>
      • OptionalonClickCapture?: MouseEventHandler<SVGElement>
      • OptionalonCompositionEnd?: CompositionEventHandler<SVGElement>
      • OptionalonCompositionEndCapture?: CompositionEventHandler<SVGElement>
      • OptionalonCompositionStart?: CompositionEventHandler<SVGElement>
      • OptionalonCompositionStartCapture?: CompositionEventHandler<SVGElement>
      • OptionalonCompositionUpdate?: CompositionEventHandler<SVGElement>
      • OptionalonCompositionUpdateCapture?: CompositionEventHandler<SVGElement>
      • OptionalonContextMenu?: MouseEventHandler<SVGElement>
      • OptionalonContextMenuCapture?: MouseEventHandler<SVGElement>
      • OptionalonCopy?: ClipboardEventHandler<SVGElement>
      • OptionalonCopyCapture?: ClipboardEventHandler<SVGElement>
      • OptionalonCut?: ClipboardEventHandler<SVGElement>
      • OptionalonCutCapture?: ClipboardEventHandler<SVGElement>
      • OptionalonDoubleClick?: MouseEventHandler<SVGElement>
      • OptionalonDoubleClickCapture?: MouseEventHandler<SVGElement>
      • OptionalonDrag?: DragEventHandler<SVGElement>
      • OptionalonDragCapture?: DragEventHandler<SVGElement>
      • OptionalonDragEnd?: DragEventHandler<SVGElement>
      • OptionalonDragEndCapture?: DragEventHandler<SVGElement>
      • OptionalonDragEnter?: DragEventHandler<SVGElement>
      • OptionalonDragEnterCapture?: DragEventHandler<SVGElement>
      • OptionalonDragExit?: DragEventHandler<SVGElement>
      • OptionalonDragExitCapture?: DragEventHandler<SVGElement>
      • OptionalonDragLeave?: DragEventHandler<SVGElement>
      • OptionalonDragLeaveCapture?: DragEventHandler<SVGElement>
      • OptionalonDragOver?: DragEventHandler<SVGElement>
      • OptionalonDragOverCapture?: DragEventHandler<SVGElement>
      • OptionalonDragStart?: DragEventHandler<SVGElement>
      • OptionalonDragStartCapture?: DragEventHandler<SVGElement>
      • OptionalonDrop?: DragEventHandler<SVGElement>
      • OptionalonDropCapture?: DragEventHandler<SVGElement>
      • OptionalonDurationChange?: ReactEventHandler<SVGElement>
      • OptionalonDurationChangeCapture?: ReactEventHandler<SVGElement>
      • OptionalonEmptied?: ReactEventHandler<SVGElement>
      • OptionalonEmptiedCapture?: ReactEventHandler<SVGElement>
      • OptionalonEncrypted?: ReactEventHandler<SVGElement>
      • OptionalonEncryptedCapture?: ReactEventHandler<SVGElement>
      • OptionalonEnded?: ReactEventHandler<SVGElement>
      • OptionalonEndedCapture?: ReactEventHandler<SVGElement>
      • OptionalonError?: ErrorCallback
      • OptionalonErrorCapture?: ReactEventHandler<SVGElement>
      • OptionalonFocus?: FocusEventHandler<SVGElement>
      • OptionalonFocusCapture?: FocusEventHandler<SVGElement>
      • OptionalonGotPointerCapture?: PointerEventHandler<SVGElement>
      • OptionalonGotPointerCaptureCapture?: PointerEventHandler<SVGElement>
      • OptionalonInput?: FormEventHandler<SVGElement>
      • OptionalonInputCapture?: FormEventHandler<SVGElement>
      • OptionalonInvalid?: FormEventHandler<SVGElement>
      • OptionalonInvalidCapture?: FormEventHandler<SVGElement>
      • OptionalonKeyDown?: KeyboardEventHandler<SVGElement>
      • OptionalonKeyDownCapture?: KeyboardEventHandler<SVGElement>
      • OptionalonKeyPress?: KeyboardEventHandler<SVGElement>

        Use onKeyUp or onKeyDown instead

      • OptionalonKeyPressCapture?: KeyboardEventHandler<SVGElement>

        Use onKeyUpCapture or onKeyDownCapture instead

      • OptionalonKeyUp?: KeyboardEventHandler<SVGElement>
      • OptionalonKeyUpCapture?: KeyboardEventHandler<SVGElement>
      • OptionalonLoad?: LoadCallback
      • OptionalonLoadCapture?: ReactEventHandler<SVGElement>
      • OptionalonLoadedData?: ReactEventHandler<SVGElement>
      • OptionalonLoadedDataCapture?: ReactEventHandler<SVGElement>
      • OptionalonLoadedMetadata?: ReactEventHandler<SVGElement>
      • OptionalonLoadedMetadataCapture?: ReactEventHandler<SVGElement>
      • OptionalonLoadStart?: ReactEventHandler<SVGElement>
      • OptionalonLoadStartCapture?: ReactEventHandler<SVGElement>
      • OptionalonLostPointerCapture?: PointerEventHandler<SVGElement>
      • OptionalonLostPointerCaptureCapture?: PointerEventHandler<SVGElement>
      • OptionalonMouseDown?: MouseEventHandler<SVGElement>
      • OptionalonMouseDownCapture?: MouseEventHandler<SVGElement>
      • OptionalonMouseEnter?: MouseEventHandler<SVGElement>
      • OptionalonMouseLeave?: MouseEventHandler<SVGElement>
      • OptionalonMouseMove?: MouseEventHandler<SVGElement>
      • OptionalonMouseMoveCapture?: MouseEventHandler<SVGElement>
      • OptionalonMouseOut?: MouseEventHandler<SVGElement>
      • OptionalonMouseOutCapture?: MouseEventHandler<SVGElement>
      • OptionalonMouseOver?: MouseEventHandler<SVGElement>
      • OptionalonMouseOverCapture?: MouseEventHandler<SVGElement>
      • OptionalonMouseUp?: MouseEventHandler<SVGElement>
      • OptionalonMouseUpCapture?: MouseEventHandler<SVGElement>
      • OptionalonPaste?: ClipboardEventHandler<SVGElement>
      • OptionalonPasteCapture?: ClipboardEventHandler<SVGElement>
      • OptionalonPause?: ReactEventHandler<SVGElement>
      • OptionalonPauseCapture?: ReactEventHandler<SVGElement>
      • OptionalonPlay?: ReactEventHandler<SVGElement>
      • OptionalonPlayCapture?: ReactEventHandler<SVGElement>
      • OptionalonPlaying?: ReactEventHandler<SVGElement>
      • OptionalonPlayingCapture?: ReactEventHandler<SVGElement>
      • OptionalonPointerCancel?: PointerEventHandler<SVGElement>
      • OptionalonPointerCancelCapture?: PointerEventHandler<SVGElement>
      • OptionalonPointerDown?: PointerEventHandler<SVGElement>
      • OptionalonPointerDownCapture?: PointerEventHandler<SVGElement>
      • OptionalonPointerEnter?: PointerEventHandler<SVGElement>
      • OptionalonPointerLeave?: PointerEventHandler<SVGElement>
      • OptionalonPointerMove?: PointerEventHandler<SVGElement>
      • OptionalonPointerMoveCapture?: PointerEventHandler<SVGElement>
      • OptionalonPointerOut?: PointerEventHandler<SVGElement>
      • OptionalonPointerOutCapture?: PointerEventHandler<SVGElement>
      • OptionalonPointerOver?: PointerEventHandler<SVGElement>
      • OptionalonPointerOverCapture?: PointerEventHandler<SVGElement>
      • OptionalonPointerUp?: PointerEventHandler<SVGElement>
      • OptionalonPointerUpCapture?: PointerEventHandler<SVGElement>
      • OptionalonProgress?: ReactEventHandler<SVGElement>
      • OptionalonProgressCapture?: ReactEventHandler<SVGElement>
      • OptionalonRateChange?: ReactEventHandler<SVGElement>
      • OptionalonRateChangeCapture?: ReactEventHandler<SVGElement>
      • OptionalonReset?: FormEventHandler<SVGElement>
      • OptionalonResetCapture?: FormEventHandler<SVGElement>
      • OptionalonResize?: ReactEventHandler<SVGElement>
      • OptionalonResizeCapture?: ReactEventHandler<SVGElement>
      • OptionalonScroll?: UIEventHandler<SVGElement>
      • OptionalonScrollCapture?: UIEventHandler<SVGElement>
      • OptionalonSeeked?: ReactEventHandler<SVGElement>
      • OptionalonSeekedCapture?: ReactEventHandler<SVGElement>
      • OptionalonSeeking?: ReactEventHandler<SVGElement>
      • OptionalonSeekingCapture?: ReactEventHandler<SVGElement>
      • OptionalonSelect?: ReactEventHandler<SVGElement>
      • OptionalonSelectCapture?: ReactEventHandler<SVGElement>
      • OptionalonStalled?: ReactEventHandler<SVGElement>
      • OptionalonStalledCapture?: ReactEventHandler<SVGElement>
      • OptionalonSubmit?: FormEventHandler<SVGElement>
      • OptionalonSubmitCapture?: FormEventHandler<SVGElement>
      • OptionalonSuspend?: ReactEventHandler<SVGElement>
      • OptionalonSuspendCapture?: ReactEventHandler<SVGElement>
      • OptionalonTimeUpdate?: ReactEventHandler<SVGElement>
      • OptionalonTimeUpdateCapture?: ReactEventHandler<SVGElement>
      • OptionalonTouchCancel?: TouchEventHandler<SVGElement>
      • OptionalonTouchCancelCapture?: TouchEventHandler<SVGElement>
      • OptionalonTouchEnd?: TouchEventHandler<SVGElement>
      • OptionalonTouchEndCapture?: TouchEventHandler<SVGElement>
      • OptionalonTouchMove?: TouchEventHandler<SVGElement>
      • OptionalonTouchMoveCapture?: TouchEventHandler<SVGElement>
      • OptionalonTouchStart?: TouchEventHandler<SVGElement>
      • OptionalonTouchStartCapture?: TouchEventHandler<SVGElement>
      • OptionalonTransitionEnd?: TransitionEventHandler<SVGElement>
      • OptionalonTransitionEndCapture?: TransitionEventHandler<SVGElement>
      • OptionalonVolumeChange?: ReactEventHandler<SVGElement>
      • OptionalonVolumeChangeCapture?: ReactEventHandler<SVGElement>
      • OptionalonWaiting?: ReactEventHandler<SVGElement>
      • OptionalonWaitingCapture?: ReactEventHandler<SVGElement>
      • OptionalonWheel?: WheelEventHandler<SVGElement>
      • OptionalonWheelCapture?: WheelEventHandler<SVGElement>
      • Optionalopacity?: string | number
      • Optionaloperator?: string | number
      • Optionalorder?: string | number
      • Optionalorient?: string | number
      • Optionalorientation?: string | number
      • Optionalorigin?: string | number
      • Optionaloverflow?: string | number
      • OptionaloverlinePosition?: string | number
      • OptionaloverlineThickness?: string | number
      • OptionalpaintOrder?: string | number
      • Optionalpanose1?: string | number
      • Optionalpath?: string
      • OptionalpathLength?: string | number
      • OptionalpatternContentUnits?: string
      • OptionalpatternTransform?: string | number
      • OptionalpatternUnits?: string
      • OptionalpointerEvents?: string | number
      • Optionalpoints?: string
      • OptionalpointsAtX?: string | number
      • OptionalpointsAtY?: string | number
      • OptionalpointsAtZ?: string | number
      • OptionalpreProcessor?: PreProcessorCallback
      • OptionalpreserveAlpha?: Booleanish
      • OptionalpreserveAspectRatio?: string
      • OptionalprimitiveUnits?: string | number
      • Optionalr?: string | number
      • Optionalradius?: string | number
      • OptionalrefX?: string | number
      • OptionalrefY?: string | number
      • OptionalrenderingIntent?: string | number
      • OptionalrepeatCount?: string | number
      • OptionalrepeatDur?: string | number
      • OptionalrequiredExtensions?: string | number
      • OptionalrequiredFeatures?: string | number
      • Optionalrestart?: string | number
      • Optionalresult?: string
      • Optionalrole?: AriaRole
      • Optionalrotate?: string | number
      • Optionalrx?: string | number
      • Optionalry?: string | number
      • Optionalscale?: string | number
      • Optionalseed?: string | number
      • OptionalshapeRendering?: string | number
      • Optionalslope?: string | number
      • Optionalspacing?: string | number
      • OptionalspecularConstant?: string | number
      • OptionalspecularExponent?: string | number
      • Optionalspeed?: string | number
      • OptionalspreadMethod?: string
      • src: string
      • OptionalstartOffset?: string | number
      • OptionalstdDeviation?: string | number
      • Optionalstemh?: string | number
      • Optionalstemv?: string | number
      • OptionalstitchTiles?: string | number
      • OptionalstopColor?: string
      • OptionalstopOpacity?: string | number
      • OptionalstrikethroughPosition?: string | number
      • OptionalstrikethroughThickness?: string | number
      • Optionalstring?: string | number
      • Optionalstroke?: string
      • OptionalstrokeDasharray?: string | number
      • OptionalstrokeDashoffset?: string | number
      • OptionalstrokeLinecap?: "inherit" | "butt" | "round" | "square"
      • OptionalstrokeLinejoin?: "inherit" | "round" | "miter" | "bevel"
      • OptionalstrokeMiterlimit?: string | number
      • OptionalstrokeOpacity?: string | number
      • OptionalstrokeWidth?: string | number
      • Optionalstyle?: CSSProperties
      • OptionalsuppressHydrationWarning?: boolean
      • OptionalsurfaceScale?: string | number
      • OptionalsystemLanguage?: string | number
      • OptionaltabIndex?: number
      • OptionaltableValues?: string | number
      • Optionaltarget?: string
      • OptionaltargetX?: string | number
      • OptionaltargetY?: string | number
      • OptionaltextAnchor?: string
      • OptionaltextDecoration?: string | number
      • OptionaltextLength?: string | number
      • OptionaltextRendering?: string | number
      • Optionaltitle?: null | string
      • Optionalto?: string | number
      • Optionaltransform?: string
      • Optionaltype?: string
      • Optionalu1?: string | number
      • Optionalu2?: string | number
      • OptionalunderlinePosition?: string | number
      • OptionalunderlineThickness?: string | number
      • Optionalunicode?: string | number
      • OptionalunicodeBidi?: string | number
      • OptionalunicodeRange?: string | number
      • OptionaluniqueHash?: string
      • OptionaluniquifyIDs?: boolean
      • OptionalunitsPerEm?: string | number
      • OptionalvAlphabetic?: string | number
      • Optionalvalues?: string
      • OptionalvectorEffect?: string | number
      • Optionalversion?: string
      • OptionalvertAdvY?: string | number
      • OptionalvertOriginX?: string | number
      • OptionalvertOriginY?: string | number
      • OptionalvHanging?: string | number
      • OptionalvIdeographic?: string | number
      • OptionalviewBox?: string
      • OptionalviewTarget?: string | number
      • Optionalvisibility?: string | number
      • OptionalvMathematical?: string | number
      • Optionalwidth?: string | number
      • Optionalwidths?: string | number
      • OptionalwordSpacing?: string | number
      • OptionalwritingMode?: string | number
      • Optionalx?: string | number
      • Optionalx1?: string | number
      • Optionalx2?: string | number
      • OptionalxChannelSelector?: string
      • OptionalxHeight?: string | number
      • OptionalxlinkActuate?: string
      • OptionalxlinkArcrole?: string
      • OptionalxlinkHref?: string
      • OptionalxlinkRole?: string
      • OptionalxlinkShow?: string
      • OptionalxlinkTitle?: string
      • OptionalxlinkType?: string
      • OptionalxmlBase?: string
      • OptionalxmlLang?: string
      • Optionalxmlns?: string
      • OptionalxmlnsXlink?: string
      • OptionalxmlSpace?: string
      • Optionaly?: string | number
      • Optionaly1?: string | number
      • Optionaly2?: string | number
      • OptionalyChannelSelector?: string
      • Optionalz?: string | number
      • OptionalzoomAndPan?: string

    Returns
        | undefined
        | null
        | string
        | number
        | boolean
        | Element
        | Iterable<ReactNode, any, any>