Switch - Skeleton

Label

import { Switch } from '@skeletonlabs/skeleton-react';

export default function () {
  return (
    <Switch>
      <Switch.Control>
        <Switch.Thumb />
      </Switch.Control>
      <Switch.Label>Label</Switch.Label>
      <Switch.HiddenInput />
    </Switch>
  );
}

List

Option 1

Option 2

Option 3

import { Switch } from '@skeletonlabs/skeleton-react';

export default function () {
  return (
    <div className="grid gap-2 w-full">
      {['Option 1', 'Option 2', 'Option 3'].map((label, i) => (
        <div key={label}>
          <Switch className="flex justify-between p-2">
            <Switch.Label>{label}</Switch.Label>
            <Switch.Control>
              <Switch.Thumb />
            </Switch.Control>
            <Switch.HiddenInput />
          </Switch>
          {i < 2 && <hr className="hr" />}
        </div>
      ))}
    </div>
  );
}

Icons

Label

import { Switch } from '@skeletonlabs/skeleton-react';
import { Sun, Moon } from 'lucide-react';

export default function () {
  return (
    <Switch>
      <Switch.HiddenInput />
      <Switch.Control>
        <Switch.Thumb>
          <Switch.Context>
            {(ctx) =>
              ctx.api.checked ? <Sun className="size-3 stroke-surface-50-950" /> : <Moon className="size-3 stroke-surface-950-50" />
            }
          </Switch.Context>
        </Switch.Thumb>
      </Switch.Control>
      <Switch.Label>Label</Switch.Label>
    </Switch>
  );
}

API Reference

Root

cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50 flex gap-2

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

RootContext

Property	Default	Type
`children`	-	(context: SwitchRootContextType) => ReactNode

Control

block preset-filled-surface-200-800 h-6 w-10 p-0.5 rounded-full flex justify-start data-[state=checked]:preset-filled-primary-500 data-focus:ring-2 data-focus:ring-surface-950-50

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

Thumb

rounded-full block preset-filled-surface-50-950 h-full aspect-square transition-transform grid place-items-center data-[state=checked]:bg-surface-950-50 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4

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

Label

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

HiddenInput

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