Sandbox

The sandbox component allows you to preview and test components in a sandboxed environment.

Sandpack

Installation

npx kibo-ui@latest add sandbox

Features

Interactive code editor with syntax highlighting and auto-completion
Live preview of your code changes
Built-in console for debugging
File explorer for managing multiple files
Resizable panels for customizing your workspace
Tabs for switching between code, preview, and console views
Support for multiple file types
Real-time error reporting

Examples

Without File Explorer

Props

The Sandbox component is made up of the following subcomponents:

SandboxProvider

The SandboxProvider component is used to provide the features to the sandbox.

Prop	Type	Default
`options`	`SandpackInternalOptions<SandpackFiles, "static" \| "angular" \| "react" \| "react-ts" \| "solid" \| "svelte" \| "test-ts" \| "vanilla-ts" \| "vanilla" \| "vue" \| "vue-ts" \| "node" \| "nextjs" \| ... 9 more ... \| "astro">`	-
`children`	`ReactNode`	-
`files`	`SandpackFiles`	-
`template`	`"static" \| "angular" \| "react" \| "react-ts" \| "solid" \| "svelte" \| "test-ts" \| "vanilla-ts" \| "vanilla" \| "vue" \| "vue-ts" \| "node" \| "nextjs" \| "vite" \| "vite-react" \| "vite-react-ts" \| ... 6 more ... \| "astro"`	-
`customSetup`	`SandpackSetup`	-
`theme`	`SandpackThemeProp`	-
`teamId`	`string`	-
`sandboxId`	`string`	-
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCut`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onFocus`	`FocusEventHandler<HTMLDivElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onBlur`	`FocusEventHandler<HTMLDivElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onChange`	`FormEventHandler<HTMLDivElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInput`	`FormEventHandler<HTMLDivElement>`	-
`onInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onReset`	`FormEventHandler<HTMLDivElement>`	-
`onResetCapture`	`FormEventHandler<HTMLDivElement>`	-
`onSubmit`	`FormEventHandler<HTMLDivElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInvalid`	`FormEventHandler<HTMLDivElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLDivElement>`	-
`onLoad`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onError`	`ReactEventHandler<HTMLDivElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onAbort`	`ReactEventHandler<HTMLDivElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptied`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLDivElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEnded`	`ReactEventHandler<HTMLDivElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPause`	`ReactEventHandler<HTMLDivElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlaying`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onProgress`	`ReactEventHandler<HTMLDivElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChange`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onResize`	`ReactEventHandler<HTMLDivElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeked`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeking`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onStalled`	`ReactEventHandler<HTMLDivElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspend`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onWaiting`	`ReactEventHandler<HTMLDivElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLDivElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onClick`	`MouseEventHandler<HTMLDivElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDrag`	`DragEventHandler<HTMLDivElement>`	-
`onDragCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnd`	`DragEventHandler<HTMLDivElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnter`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragExit`	`DragEventHandler<HTMLDivElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeave`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragOver`	`DragEventHandler<HTMLDivElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragStart`	`DragEventHandler<HTMLDivElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDrop`	`DragEventHandler<HTMLDivElement>`	-
`onDropCapture`	`DragEventHandler<HTMLDivElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onSelect`	`ReactEventHandler<HTMLDivElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onScroll`	`UIEventHandler<HTMLDivElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLDivElement>`	-
`onWheel`	`WheelEventHandler<HTMLDivElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLDivElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement>`	-

SandboxLayout

The SandboxLayout component is used to display the layout of the sandbox.

Prop	Type	Default
`children`	`ReactNode`	-
`manifest`	`string`	-
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<unknown>`	-
`onCopyCapture`	`ClipboardEventHandler<unknown>`	-
`onCut`	`ClipboardEventHandler<unknown>`	-
`onCutCapture`	`ClipboardEventHandler<unknown>`	-
`onPaste`	`ClipboardEventHandler<unknown>`	-
`onPasteCapture`	`ClipboardEventHandler<unknown>`	-
`onCompositionEnd`	`CompositionEventHandler<unknown>`	-
`onCompositionEndCapture`	`CompositionEventHandler<unknown>`	-
`onCompositionStart`	`CompositionEventHandler<unknown>`	-
`onCompositionStartCapture`	`CompositionEventHandler<unknown>`	-
`onCompositionUpdate`	`CompositionEventHandler<unknown>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<unknown>`	-
`onFocus`	`FocusEventHandler<unknown>`	-
`onFocusCapture`	`FocusEventHandler<unknown>`	-
`onBlur`	`FocusEventHandler<unknown>`	-
`onBlurCapture`	`FocusEventHandler<unknown>`	-
`onChange`	`FormEventHandler<unknown>`	-
`onChangeCapture`	`FormEventHandler<unknown>`	-
`onBeforeInput`	`FormEventHandler<unknown>`	-
`onBeforeInputCapture`	`FormEventHandler<unknown>`	-
`onInput`	`FormEventHandler<unknown>`	-
`onInputCapture`	`FormEventHandler<unknown>`	-
`onReset`	`FormEventHandler<unknown>`	-
`onResetCapture`	`FormEventHandler<unknown>`	-
`onSubmit`	`FormEventHandler<unknown>`	-
`onSubmitCapture`	`FormEventHandler<unknown>`	-
`onInvalid`	`FormEventHandler<unknown>`	-
`onInvalidCapture`	`FormEventHandler<unknown>`	-
`onLoad`	`ReactEventHandler<unknown>`	-
`onLoadCapture`	`ReactEventHandler<unknown>`	-
`onError`	`ReactEventHandler<unknown>`	-
`onErrorCapture`	`ReactEventHandler<unknown>`	-
`onKeyDown`	`KeyboardEventHandler<unknown>`	-
`onKeyDownCapture`	`KeyboardEventHandler<unknown>`	-
`onKeyPress`	`KeyboardEventHandler<unknown>`	-
`onKeyPressCapture`	`KeyboardEventHandler<unknown>`	-
`onKeyUp`	`KeyboardEventHandler<unknown>`	-
`onKeyUpCapture`	`KeyboardEventHandler<unknown>`	-
`onAbort`	`ReactEventHandler<unknown>`	-
`onAbortCapture`	`ReactEventHandler<unknown>`	-
`onCanPlay`	`ReactEventHandler<unknown>`	-
`onCanPlayCapture`	`ReactEventHandler<unknown>`	-
`onCanPlayThrough`	`ReactEventHandler<unknown>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<unknown>`	-
`onDurationChange`	`ReactEventHandler<unknown>`	-
`onDurationChangeCapture`	`ReactEventHandler<unknown>`	-
`onEmptied`	`ReactEventHandler<unknown>`	-
`onEmptiedCapture`	`ReactEventHandler<unknown>`	-
`onEncrypted`	`ReactEventHandler<unknown>`	-
`onEncryptedCapture`	`ReactEventHandler<unknown>`	-
`onEnded`	`ReactEventHandler<unknown>`	-
`onEndedCapture`	`ReactEventHandler<unknown>`	-
`onLoadedData`	`ReactEventHandler<unknown>`	-
`onLoadedDataCapture`	`ReactEventHandler<unknown>`	-
`onLoadedMetadata`	`ReactEventHandler<unknown>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<unknown>`	-
`onLoadStart`	`ReactEventHandler<unknown>`	-
`onLoadStartCapture`	`ReactEventHandler<unknown>`	-
`onPause`	`ReactEventHandler<unknown>`	-
`onPauseCapture`	`ReactEventHandler<unknown>`	-
`onPlay`	`ReactEventHandler<unknown>`	-
`onPlayCapture`	`ReactEventHandler<unknown>`	-
`onPlaying`	`ReactEventHandler<unknown>`	-
`onPlayingCapture`	`ReactEventHandler<unknown>`	-
`onProgress`	`ReactEventHandler<unknown>`	-
`onProgressCapture`	`ReactEventHandler<unknown>`	-
`onRateChange`	`ReactEventHandler<unknown>`	-
`onRateChangeCapture`	`ReactEventHandler<unknown>`	-
`onResize`	`ReactEventHandler<unknown>`	-
`onResizeCapture`	`ReactEventHandler<unknown>`	-
`onSeeked`	`ReactEventHandler<unknown>`	-
`onSeekedCapture`	`ReactEventHandler<unknown>`	-
`onSeeking`	`ReactEventHandler<unknown>`	-
`onSeekingCapture`	`ReactEventHandler<unknown>`	-
`onStalled`	`ReactEventHandler<unknown>`	-
`onStalledCapture`	`ReactEventHandler<unknown>`	-
`onSuspend`	`ReactEventHandler<unknown>`	-
`onSuspendCapture`	`ReactEventHandler<unknown>`	-
`onTimeUpdate`	`ReactEventHandler<unknown>`	-
`onTimeUpdateCapture`	`ReactEventHandler<unknown>`	-
`onVolumeChange`	`ReactEventHandler<unknown>`	-
`onVolumeChangeCapture`	`ReactEventHandler<unknown>`	-
`onWaiting`	`ReactEventHandler<unknown>`	-
`onWaitingCapture`	`ReactEventHandler<unknown>`	-
`onAuxClick`	`MouseEventHandler<unknown>`	-
`onAuxClickCapture`	`MouseEventHandler<unknown>`	-
`onClick`	`MouseEventHandler<unknown>`	-
`onClickCapture`	`MouseEventHandler<unknown>`	-
`onContextMenu`	`MouseEventHandler<unknown>`	-
`onContextMenuCapture`	`MouseEventHandler<unknown>`	-
`onDoubleClick`	`MouseEventHandler<unknown>`	-
`onDoubleClickCapture`	`MouseEventHandler<unknown>`	-
`onDrag`	`DragEventHandler<unknown>`	-
`onDragCapture`	`DragEventHandler<unknown>`	-
`onDragEnd`	`DragEventHandler<unknown>`	-
`onDragEndCapture`	`DragEventHandler<unknown>`	-
`onDragEnter`	`DragEventHandler<unknown>`	-
`onDragEnterCapture`	`DragEventHandler<unknown>`	-
`onDragExit`	`DragEventHandler<unknown>`	-
`onDragExitCapture`	`DragEventHandler<unknown>`	-
`onDragLeave`	`DragEventHandler<unknown>`	-
`onDragLeaveCapture`	`DragEventHandler<unknown>`	-
`onDragOver`	`DragEventHandler<unknown>`	-
`onDragOverCapture`	`DragEventHandler<unknown>`	-
`onDragStart`	`DragEventHandler<unknown>`	-
`onDragStartCapture`	`DragEventHandler<unknown>`	-
`onDrop`	`DragEventHandler<unknown>`	-
`onDropCapture`	`DragEventHandler<unknown>`	-
`onMouseDown`	`MouseEventHandler<unknown>`	-
`onMouseDownCapture`	`MouseEventHandler<unknown>`	-
`onMouseEnter`	`MouseEventHandler<unknown>`	-
`onMouseLeave`	`MouseEventHandler<unknown>`	-
`onMouseMove`	`MouseEventHandler<unknown>`	-
`onMouseMoveCapture`	`MouseEventHandler<unknown>`	-
`onMouseOut`	`MouseEventHandler<unknown>`	-
`onMouseOutCapture`	`MouseEventHandler<unknown>`	-
`onMouseOver`	`MouseEventHandler<unknown>`	-
`onMouseOverCapture`	`MouseEventHandler<unknown>`	-
`onMouseUp`	`MouseEventHandler<unknown>`	-
`onMouseUpCapture`	`MouseEventHandler<unknown>`	-
`onSelect`	`ReactEventHandler<unknown>`	-
`onSelectCapture`	`ReactEventHandler<unknown>`	-
`onTouchCancel`	`TouchEventHandler<unknown>`	-
`onTouchCancelCapture`	`TouchEventHandler<unknown>`	-
`onTouchEnd`	`TouchEventHandler<unknown>`	-
`onTouchEndCapture`	`TouchEventHandler<unknown>`	-
`onTouchMove`	`TouchEventHandler<unknown>`	-
`onTouchMoveCapture`	`TouchEventHandler<unknown>`	-
`onTouchStart`	`TouchEventHandler<unknown>`	-
`onTouchStartCapture`	`TouchEventHandler<unknown>`	-
`onPointerDown`	`PointerEventHandler<unknown>`	-
`onPointerDownCapture`	`PointerEventHandler<unknown>`	-
`onPointerMove`	`PointerEventHandler<unknown>`	-
`onPointerMoveCapture`	`PointerEventHandler<unknown>`	-
`onPointerUp`	`PointerEventHandler<unknown>`	-
`onPointerUpCapture`	`PointerEventHandler<unknown>`	-
`onPointerCancel`	`PointerEventHandler<unknown>`	-
`onPointerCancelCapture`	`PointerEventHandler<unknown>`	-
`onPointerEnter`	`PointerEventHandler<unknown>`	-
`onPointerLeave`	`PointerEventHandler<unknown>`	-
`onPointerOver`	`PointerEventHandler<unknown>`	-
`onPointerOverCapture`	`PointerEventHandler<unknown>`	-
`onPointerOut`	`PointerEventHandler<unknown>`	-
`onPointerOutCapture`	`PointerEventHandler<unknown>`	-
`onGotPointerCapture`	`PointerEventHandler<unknown>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<unknown>`	-
`onLostPointerCapture`	`PointerEventHandler<unknown>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<unknown>`	-
`onScroll`	`UIEventHandler<unknown>`	-
`onScrollCapture`	`UIEventHandler<unknown>`	-
`onWheel`	`WheelEventHandler<unknown>`	-
`onWheelCapture`	`WheelEventHandler<unknown>`	-
`onAnimationStart`	`AnimationEventHandler<unknown>`	-
`onAnimationStartCapture`	`AnimationEventHandler<unknown>`	-
`onAnimationEnd`	`AnimationEventHandler<unknown>`	-
`onAnimationEndCapture`	`AnimationEventHandler<unknown>`	-
`onAnimationIteration`	`AnimationEventHandler<unknown>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<unknown>`	-
`onToggle`	`ToggleEventHandler<unknown>`	-
`onBeforeToggle`	`ToggleEventHandler<unknown>`	-
`onTransitionCancel`	`TransitionEventHandler<unknown>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<unknown>`	-
`onTransitionEnd`	`TransitionEventHandler<unknown>`	-
`onTransitionEndCapture`	`TransitionEventHandler<unknown>`	-
`onTransitionRun`	`TransitionEventHandler<unknown>`	-
`onTransitionRunCapture`	`TransitionEventHandler<unknown>`	-
`onTransitionStart`	`TransitionEventHandler<unknown>`	-
`onTransitionStartCapture`	`TransitionEventHandler<unknown>`	-

SandboxTabs

The SandboxTabs component is used to display the tabs of the sandbox.

Prop	Type	Default
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| (readonly string[] & string)`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`children`	`ReactNode`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCut`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onFocus`	`FocusEventHandler<HTMLDivElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onBlur`	`FocusEventHandler<HTMLDivElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onChange`	`FormEventHandler<HTMLDivElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInput`	`FormEventHandler<HTMLDivElement>`	-
`onInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onReset`	`FormEventHandler<HTMLDivElement>`	-
`onResetCapture`	`FormEventHandler<HTMLDivElement>`	-
`onSubmit`	`FormEventHandler<HTMLDivElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInvalid`	`FormEventHandler<HTMLDivElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLDivElement>`	-
`onLoad`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onError`	`ReactEventHandler<HTMLDivElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onAbort`	`ReactEventHandler<HTMLDivElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptied`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLDivElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEnded`	`ReactEventHandler<HTMLDivElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPause`	`ReactEventHandler<HTMLDivElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlaying`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onProgress`	`ReactEventHandler<HTMLDivElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChange`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onResize`	`ReactEventHandler<HTMLDivElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeked`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeking`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onStalled`	`ReactEventHandler<HTMLDivElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspend`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onWaiting`	`ReactEventHandler<HTMLDivElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLDivElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onClick`	`MouseEventHandler<HTMLDivElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDrag`	`DragEventHandler<HTMLDivElement>`	-
`onDragCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnd`	`DragEventHandler<HTMLDivElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnter`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragExit`	`DragEventHandler<HTMLDivElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeave`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragOver`	`DragEventHandler<HTMLDivElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragStart`	`DragEventHandler<HTMLDivElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDrop`	`DragEventHandler<HTMLDivElement>`	-
`onDropCapture`	`DragEventHandler<HTMLDivElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onSelect`	`ReactEventHandler<HTMLDivElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onScroll`	`UIEventHandler<HTMLDivElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLDivElement>`	-
`onWheel`	`WheelEventHandler<HTMLDivElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLDivElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`value`	`string`	-
`onValueChange`	`(value: string) => void`	-

SandboxTabsList

The SandboxTabsList component is used to display the list of tabs.

Prop	Type	Default
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`children`	`ReactNode`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCut`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onFocus`	`FocusEventHandler<HTMLDivElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onBlur`	`FocusEventHandler<HTMLDivElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onChange`	`FormEventHandler<HTMLDivElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInput`	`FormEventHandler<HTMLDivElement>`	-
`onInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onReset`	`FormEventHandler<HTMLDivElement>`	-
`onResetCapture`	`FormEventHandler<HTMLDivElement>`	-
`onSubmit`	`FormEventHandler<HTMLDivElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInvalid`	`FormEventHandler<HTMLDivElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLDivElement>`	-
`onLoad`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onError`	`ReactEventHandler<HTMLDivElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onAbort`	`ReactEventHandler<HTMLDivElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptied`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLDivElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEnded`	`ReactEventHandler<HTMLDivElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPause`	`ReactEventHandler<HTMLDivElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlaying`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onProgress`	`ReactEventHandler<HTMLDivElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChange`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onResize`	`ReactEventHandler<HTMLDivElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeked`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeking`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onStalled`	`ReactEventHandler<HTMLDivElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspend`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onWaiting`	`ReactEventHandler<HTMLDivElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLDivElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onClick`	`MouseEventHandler<HTMLDivElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDrag`	`DragEventHandler<HTMLDivElement>`	-
`onDragCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnd`	`DragEventHandler<HTMLDivElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnter`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragExit`	`DragEventHandler<HTMLDivElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeave`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragOver`	`DragEventHandler<HTMLDivElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragStart`	`DragEventHandler<HTMLDivElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDrop`	`DragEventHandler<HTMLDivElement>`	-
`onDropCapture`	`DragEventHandler<HTMLDivElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onSelect`	`ReactEventHandler<HTMLDivElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onScroll`	`UIEventHandler<HTMLDivElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLDivElement>`	-
`onWheel`	`WheelEventHandler<HTMLDivElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLDivElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement>`	-

SandboxTabsTrigger

The SandboxTabsTrigger component is used to display a tab.

Prop	Type	Default
`disabled`	`boolean`	-
`form`	`string`	-
`formAction`	`string \| ((formData: FormData) => void \| Promise<void>)`	-
`formEncType`	`string`	-
`formMethod`	`string`	-
`formNoValidate`	`boolean`	-
`formTarget`	`string`	-
`name`	`string`	-
`type`	`"submit" \| "reset" \| "button"`	-
`value`	`string \| (readonly string[] & string)`	-
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`children`	`ReactNode`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLButtonElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLButtonElement>`	-
`onCut`	`ClipboardEventHandler<HTMLButtonElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLButtonElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLButtonElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLButtonElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLButtonElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLButtonElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLButtonElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLButtonElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLButtonElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLButtonElement>`	-
`onFocus`	`FocusEventHandler<HTMLButtonElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLButtonElement>`	-
`onBlur`	`FocusEventHandler<HTMLButtonElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLButtonElement>`	-
`onChange`	`FormEventHandler<HTMLButtonElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLButtonElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLButtonElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLButtonElement>`	-
`onInput`	`FormEventHandler<HTMLButtonElement>`	-
`onInputCapture`	`FormEventHandler<HTMLButtonElement>`	-
`onReset`	`FormEventHandler<HTMLButtonElement>`	-
`onResetCapture`	`FormEventHandler<HTMLButtonElement>`	-
`onSubmit`	`FormEventHandler<HTMLButtonElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLButtonElement>`	-
`onInvalid`	`FormEventHandler<HTMLButtonElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLButtonElement>`	-
`onLoad`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onError`	`ReactEventHandler<HTMLButtonElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLButtonElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLButtonElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLButtonElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLButtonElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLButtonElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLButtonElement>`	-
`onAbort`	`ReactEventHandler<HTMLButtonElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLButtonElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLButtonElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLButtonElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onEmptied`	`ReactEventHandler<HTMLButtonElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLButtonElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onEnded`	`ReactEventHandler<HTMLButtonElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLButtonElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onPause`	`ReactEventHandler<HTMLButtonElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onPlay`	`ReactEventHandler<HTMLButtonElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onPlaying`	`ReactEventHandler<HTMLButtonElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onProgress`	`ReactEventHandler<HTMLButtonElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onRateChange`	`ReactEventHandler<HTMLButtonElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onResize`	`ReactEventHandler<HTMLButtonElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onSeeked`	`ReactEventHandler<HTMLButtonElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onSeeking`	`ReactEventHandler<HTMLButtonElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onStalled`	`ReactEventHandler<HTMLButtonElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onSuspend`	`ReactEventHandler<HTMLButtonElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLButtonElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLButtonElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onWaiting`	`ReactEventHandler<HTMLButtonElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLButtonElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLButtonElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLButtonElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onDrag`	`DragEventHandler<HTMLButtonElement>`	-
`onDragCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDragEnd`	`DragEventHandler<HTMLButtonElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDragEnter`	`DragEventHandler<HTMLButtonElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDragExit`	`DragEventHandler<HTMLButtonElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDragLeave`	`DragEventHandler<HTMLButtonElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDragOver`	`DragEventHandler<HTMLButtonElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDragStart`	`DragEventHandler<HTMLButtonElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onDrop`	`DragEventHandler<HTMLButtonElement>`	-
`onDropCapture`	`DragEventHandler<HTMLButtonElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLButtonElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLButtonElement>`	-
`onSelect`	`ReactEventHandler<HTMLButtonElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLButtonElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLButtonElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLButtonElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLButtonElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLButtonElement>`	-
`onScroll`	`UIEventHandler<HTMLButtonElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLButtonElement>`	-
`onWheel`	`WheelEventHandler<HTMLButtonElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLButtonElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLButtonElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLButtonElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLButtonElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLButtonElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLButtonElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLButtonElement>`	-
`onToggle`	`ToggleEventHandler<HTMLButtonElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLButtonElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLButtonElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLButtonElement>`	-

SandboxTabsContent

The SandboxTabsContent component is used to display the content of a tab.

Prop	Type	Default
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`children`	`ReactNode`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCut`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onFocus`	`FocusEventHandler<HTMLDivElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onBlur`	`FocusEventHandler<HTMLDivElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onChange`	`FormEventHandler<HTMLDivElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInput`	`FormEventHandler<HTMLDivElement>`	-
`onInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onReset`	`FormEventHandler<HTMLDivElement>`	-
`onResetCapture`	`FormEventHandler<HTMLDivElement>`	-
`onSubmit`	`FormEventHandler<HTMLDivElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInvalid`	`FormEventHandler<HTMLDivElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLDivElement>`	-
`onLoad`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onError`	`ReactEventHandler<HTMLDivElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onAbort`	`ReactEventHandler<HTMLDivElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptied`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLDivElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEnded`	`ReactEventHandler<HTMLDivElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPause`	`ReactEventHandler<HTMLDivElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlaying`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onProgress`	`ReactEventHandler<HTMLDivElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChange`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onResize`	`ReactEventHandler<HTMLDivElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeked`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeking`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onStalled`	`ReactEventHandler<HTMLDivElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspend`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onWaiting`	`ReactEventHandler<HTMLDivElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLDivElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onClick`	`MouseEventHandler<HTMLDivElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDrag`	`DragEventHandler<HTMLDivElement>`	-
`onDragCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnd`	`DragEventHandler<HTMLDivElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnter`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragExit`	`DragEventHandler<HTMLDivElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeave`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragOver`	`DragEventHandler<HTMLDivElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragStart`	`DragEventHandler<HTMLDivElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDrop`	`DragEventHandler<HTMLDivElement>`	-
`onDropCapture`	`DragEventHandler<HTMLDivElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onSelect`	`ReactEventHandler<HTMLDivElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onScroll`	`UIEventHandler<HTMLDivElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLDivElement>`	-
`onWheel`	`WheelEventHandler<HTMLDivElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLDivElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`value`	`string`	-

SandboxCodeEditor

The SandboxCodeEditor component is used to display the code editor of the sandbox.

Prop	Type	Default
`style`	`CSSProperties`	-
`className`	`string`	-
`showTabs`	`boolean`	-
`showLineNumbers`	`boolean`	-
`showInlineErrors`	`boolean`	-
`showRunButton`	`boolean`	-
`wrapContent`	`boolean`	-
`closableTabs`	`boolean`	-
`initMode`	`SandpackInitMode`	-
`extensions`	`Extension[]`	-
`extensionsKeymap`	`KeyBinding[]`	-
`readOnly`	`boolean`	-
`showReadOnly`	`boolean`	-
`additionalLanguages`	`CustomLanguage[]`	-

SandboxPreview

The SandboxPreview component is used to display the preview of the sandbox.

Prop	Type	Default
`style`	`CSSProperties`	-
`showNavigator`	`boolean`	-
`showOpenInCodeSandbox`	`boolean`	-
`showRefreshButton`	`boolean`	-
`showRestartButton`	`boolean`	-
`showSandpackErrorOverlay`	`boolean`	-
`showOpenNewtab`	`boolean`	-
`actionsChildren`	`any`	-
`children`	`any`	-
`startRoute`	`string`	-
`className`	`string`	-

SandboxConsole

The SandboxConsole component is used to display the console of the sandbox.

Prop	Type	Default
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`children`	`ReactNode`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCut`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onFocus`	`FocusEventHandler<HTMLDivElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onBlur`	`FocusEventHandler<HTMLDivElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onChange`	`FormEventHandler<HTMLDivElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInput`	`FormEventHandler<HTMLDivElement>`	-
`onInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onReset`	`FormEventHandler<HTMLDivElement>`	-
`onResetCapture`	`FormEventHandler<HTMLDivElement>`	-
`onSubmit`	`FormEventHandler<HTMLDivElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInvalid`	`FormEventHandler<HTMLDivElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLDivElement>`	-
`onLoad`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onError`	`ReactEventHandler<HTMLDivElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onAbort`	`ReactEventHandler<HTMLDivElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptied`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLDivElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEnded`	`ReactEventHandler<HTMLDivElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPause`	`ReactEventHandler<HTMLDivElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlaying`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onProgress`	`ReactEventHandler<HTMLDivElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChange`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onResize`	`ReactEventHandler<HTMLDivElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeked`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeking`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onStalled`	`ReactEventHandler<HTMLDivElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspend`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onWaiting`	`ReactEventHandler<HTMLDivElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLDivElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onClick`	`MouseEventHandler<HTMLDivElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDrag`	`DragEventHandler<HTMLDivElement>`	-
`onDragCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnd`	`DragEventHandler<HTMLDivElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnter`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragExit`	`DragEventHandler<HTMLDivElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeave`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragOver`	`DragEventHandler<HTMLDivElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragStart`	`DragEventHandler<HTMLDivElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDrop`	`DragEventHandler<HTMLDivElement>`	-
`onDropCapture`	`DragEventHandler<HTMLDivElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onSelect`	`ReactEventHandler<HTMLDivElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onScroll`	`UIEventHandler<HTMLDivElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLDivElement>`	-
`onWheel`	`WheelEventHandler<HTMLDivElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLDivElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`clientId`	`string`	-
`showHeader`	`boolean`	-
`showSyntaxError`	`boolean`	-
`showSetupProgress`	`boolean`	-
`showRestartButton`	`boolean`	-
`showResetConsoleButton`	`boolean`	-
`maxMessageCount`	`number`	-
`onLogsChange`	`(logs: SandpackConsoleData) => void`	-
`resetOnPreviewRestart`	`boolean`	-
`standalone`	`boolean`	-
`actionsChildren`	`any`	-
`ref`	`((instance: SandpackConsoleRef \| null) => void \| (() => VoidOrUndefinedOnly)) \| RefObject<SandpackConsoleRef \| null>`	-
`key`	`Key`	-

SandboxFileExplorer

The SandboxFileExplorer component is used to display the file explorer of the sandbox.

Prop	Type	Default
`autoHiddenFiles`	`boolean`	`false`
`initialCollapsedFolder`	`string[]`	-
`defaultChecked`	`boolean`	-
`defaultValue`	`string \| number \| readonly string[]`	-
`suppressContentEditableWarning`	`boolean`	-
`suppressHydrationWarning`	`boolean`	-
`accessKey`	`string`	-
`autoCapitalize`	`"off" \| "none" \| "on" \| "sentences" \| "words" \| "characters" \| (string & {})`	-
`autoFocus`	`boolean`	-
`className`	`string`	-
`contentEditable`	`Booleanish \| "inherit" \| "plaintext-only"`	-
`contextMenu`	`string`	-
`dir`	`string`	-
`draggable`	`Booleanish`	-
`enterKeyHint`	`"enter" \| "done" \| "go" \| "next" \| "previous" \| "search" \| "send"`	-
`hidden`	`boolean`	-
`id`	`string`	-
`lang`	`string`	-
`nonce`	`string`	-
`slot`	`string`	-
`spellCheck`	`Booleanish`	-
`style`	`CSSProperties`	-
`tabIndex`	`number`	-
`title`	`string`	-
`translate`	`"yes" \| "no"`	-
`radioGroup`	`string`	-
`role`	`AriaRole`	-
`about`	`string`	-
`content`	`string`	-
`datatype`	`string`	-
`inlist`	`any`	-
`prefix`	`string`	-
`property`	`string`	-
`rel`	`string`	-
`resource`	`string`	-
`rev`	`string`	-
`typeof`	`string`	-
`vocab`	`string`	-
`autoCorrect`	`string`	-
`autoSave`	`string`	-
`color`	`string`	-
`itemProp`	`string`	-
`itemScope`	`boolean`	-
`itemType`	`string`	-
`itemID`	`string`	-
`itemRef`	`string`	-
`results`	`number`	-
`security`	`string`	-
`unselectable`	`"off" \| "on"`	-
`popover`	`"" \| "auto" \| "manual"`	-
`popoverTargetAction`	`"toggle" \| "show" \| "hide"`	-
`popoverTarget`	`string`	-
`inert`	`boolean`	-
`inputMode`	`"none" \| "search" \| "text" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	-
`is`	`string`	-
`aria-activedescendant`	`string`	-
`aria-atomic`	`Booleanish`	-
`aria-autocomplete`	`"none" \| "list" \| "inline" \| "both"`	-
`aria-braillelabel`	`string`	-
`aria-brailleroledescription`	`string`	-
`aria-busy`	`Booleanish`	-
`aria-checked`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-colcount`	`number`	-
`aria-colindex`	`number`	-
`aria-colindextext`	`string`	-
`aria-colspan`	`number`	-
`aria-controls`	`string`	-
`aria-current`	`boolean \| "true" \| "false" \| "page" \| "step" \| "location" \| "date" \| "time"`	-
`aria-describedby`	`string`	-
`aria-description`	`string`	-
`aria-details`	`string`	-
`aria-disabled`	`Booleanish`	-
`aria-dropeffect`	`"none" \| "link" \| "copy" \| "execute" \| "move" \| "popup"`	-
`aria-errormessage`	`string`	-
`aria-expanded`	`Booleanish`	-
`aria-flowto`	`string`	-
`aria-grabbed`	`Booleanish`	-
`aria-haspopup`	`boolean \| "true" \| "false" \| "dialog" \| "grid" \| "listbox" \| "menu" \| "tree"`	-
`aria-hidden`	`Booleanish`	-
`aria-invalid`	`boolean \| "true" \| "false" \| "grammar" \| "spelling"`	-
`aria-keyshortcuts`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`aria-level`	`number`	-
`aria-live`	`"off" \| "assertive" \| "polite"`	-
`aria-modal`	`Booleanish`	-
`aria-multiline`	`Booleanish`	-
`aria-multiselectable`	`Booleanish`	-
`aria-orientation`	`"horizontal" \| "vertical"`	-
`aria-owns`	`string`	-
`aria-placeholder`	`string`	-
`aria-posinset`	`number`	-
`aria-pressed`	`boolean \| "true" \| "false" \| "mixed"`	-
`aria-readonly`	`Booleanish`	-
`aria-relevant`	`"text" \| "additions" \| "additions removals" \| "additions text" \| "all" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	-
`aria-required`	`Booleanish`	-
`aria-roledescription`	`string`	-
`aria-rowcount`	`number`	-
`aria-rowindex`	`number`	-
`aria-rowindextext`	`string`	-
`aria-rowspan`	`number`	-
`aria-selected`	`Booleanish`	-
`aria-setsize`	`number`	-
`aria-sort`	`"none" \| "ascending" \| "descending" \| "other"`	-
`aria-valuemax`	`number`	-
`aria-valuemin`	`number`	-
`aria-valuenow`	`number`	-
`aria-valuetext`	`string`	-
`children`	`ReactNode`	-
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; }`	-
`onCopy`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCut`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPaste`	`ClipboardEventHandler<HTMLDivElement>`	-
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement>`	-
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement>`	-
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement>`	-
`onFocus`	`FocusEventHandler<HTMLDivElement>`	-
`onFocusCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onBlur`	`FocusEventHandler<HTMLDivElement>`	-
`onBlurCapture`	`FocusEventHandler<HTMLDivElement>`	-
`onChange`	`FormEventHandler<HTMLDivElement>`	-
`onChangeCapture`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInput`	`FormEventHandler<HTMLDivElement>`	-
`onBeforeInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInput`	`FormEventHandler<HTMLDivElement>`	-
`onInputCapture`	`FormEventHandler<HTMLDivElement>`	-
`onReset`	`FormEventHandler<HTMLDivElement>`	-
`onResetCapture`	`FormEventHandler<HTMLDivElement>`	-
`onSubmit`	`FormEventHandler<HTMLDivElement>`	-
`onSubmitCapture`	`FormEventHandler<HTMLDivElement>`	-
`onInvalid`	`FormEventHandler<HTMLDivElement>`	-
`onInvalidCapture`	`FormEventHandler<HTMLDivElement>`	-
`onLoad`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onError`	`ReactEventHandler<HTMLDivElement>`	-
`onErrorCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement>`	-
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement>`	-
`onAbort`	`ReactEventHandler<HTMLDivElement>`	-
`onAbortCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement>`	-
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChange`	`ReactEventHandler<HTMLDivElement>`	-
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptied`	`ReactEventHandler<HTMLDivElement>`	-
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEncrypted`	`ReactEventHandler<HTMLDivElement>`	-
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onEnded`	`ReactEventHandler<HTMLDivElement>`	-
`onEndedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedData`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStart`	`ReactEventHandler<HTMLDivElement>`	-
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPause`	`ReactEventHandler<HTMLDivElement>`	-
`onPauseCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlay`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onPlaying`	`ReactEventHandler<HTMLDivElement>`	-
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onProgress`	`ReactEventHandler<HTMLDivElement>`	-
`onProgressCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChange`	`ReactEventHandler<HTMLDivElement>`	-
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onResize`	`ReactEventHandler<HTMLDivElement>`	-
`onResizeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeked`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSeeking`	`ReactEventHandler<HTMLDivElement>`	-
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onStalled`	`ReactEventHandler<HTMLDivElement>`	-
`onStalledCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspend`	`ReactEventHandler<HTMLDivElement>`	-
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement>`	-
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChange`	`ReactEventHandler<HTMLDivElement>`	-
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onWaiting`	`ReactEventHandler<HTMLDivElement>`	-
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onAuxClick`	`MouseEventHandler<HTMLDivElement>`	-
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onClick`	`MouseEventHandler<HTMLDivElement>`	-
`onClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenu`	`MouseEventHandler<HTMLDivElement>`	-
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClick`	`MouseEventHandler<HTMLDivElement>`	-
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onDrag`	`DragEventHandler<HTMLDivElement>`	-
`onDragCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnd`	`DragEventHandler<HTMLDivElement>`	-
`onDragEndCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnter`	`DragEventHandler<HTMLDivElement>`	-
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragExit`	`DragEventHandler<HTMLDivElement>`	-
`onDragExitCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeave`	`DragEventHandler<HTMLDivElement>`	-
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragOver`	`DragEventHandler<HTMLDivElement>`	-
`onDragOverCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDragStart`	`DragEventHandler<HTMLDivElement>`	-
`onDragStartCapture`	`DragEventHandler<HTMLDivElement>`	-
`onDrop`	`DragEventHandler<HTMLDivElement>`	-
`onDropCapture`	`DragEventHandler<HTMLDivElement>`	-
`onMouseDown`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseEnter`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseLeave`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMove`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOut`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOver`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUp`	`MouseEventHandler<HTMLDivElement>`	-
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement>`	-
`onSelect`	`ReactEventHandler<HTMLDivElement>`	-
`onSelectCapture`	`ReactEventHandler<HTMLDivElement>`	-
`onTouchCancel`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEnd`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMove`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStart`	`TouchEventHandler<HTMLDivElement>`	-
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement>`	-
`onPointerDown`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMove`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUp`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancel`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerEnter`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerLeave`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOver`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOut`	`PointerEventHandler<HTMLDivElement>`	-
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement>`	-
`onScroll`	`UIEventHandler<HTMLDivElement>`	-
`onScrollCapture`	`UIEventHandler<HTMLDivElement>`	-
`onWheel`	`WheelEventHandler<HTMLDivElement>`	-
`onWheelCapture`	`WheelEventHandler<HTMLDivElement>`	-
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement>`	-
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement>`	-
`onToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement>`	-
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement>`	-
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement>`	-

Sandbox

On this page