Accordion - Skeleton

'use client';

import { Accordion } from '@skeletonlabs/skeleton-react';
import { Club as IconClub, Diamond as IconDiamond, Heart as IconHeart, Spade as IconSpade } from 'lucide-react';

export default function () {
  const lorem =
    'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit esse nisi eligendi fuga! Quas nisi repellat adipisci animi repellendus incidunt laborum sunt qui nesciunt, ducimus saepe sapiente sed ut labore. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit esse nisi eligendi fuga! Quas nisi repellat adipisci animi repellendus incidunt laborum sunt qui nesciunt, ducimus saepe sapiente sed ut labore.';
  return (
    <Accordion>
      <Accordion.Item value="item-1">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[auto_1fr_auto]">
            <IconClub />
            <span>Club</span>
            <Accordion.Indicator>
              <Accordion.Context>{(ctx) => (ctx.api.value.includes('item-1') ? '-' : '+')}</Accordion.Context>
            </Accordion.Indicator>
          </Accordion.Trigger>
          <Accordion.Content>{lorem}</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-2">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[auto_1fr_auto]">
            <IconDiamond />
            <span>Diamond</span>
            <Accordion.Indicator>
              <Accordion.Context>{(ctx) => (ctx.api.value.includes('item-2') ? '-' : '+')}</Accordion.Context>
            </Accordion.Indicator>
          </Accordion.Trigger>
          <Accordion.Content>{lorem}</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-3">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[auto_1fr_auto]">
            <IconHeart />
            <span>Heart</span>
            <Accordion.Indicator>
              <Accordion.Context>{(ctx) => (ctx.api.value.includes('item-3') ? '-' : '+')}</Accordion.Context>
            </Accordion.Indicator>
          </Accordion.Trigger>
          <Accordion.Content>{lorem}</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-4">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[auto_1fr_auto]">
            <IconSpade />
            <span>Spade</span>
            <Accordion.Indicator>
              <Accordion.Context>{(ctx) => (ctx.api.value.includes('item-4') ? '-' : '+')}</Accordion.Context>
            </Accordion.Indicator>
          </Accordion.Trigger>
          <Accordion.Content>{lorem}</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
    </Accordion>
  );
}

State

Note that value and onValueChanged are optional on the root component.

'use client';

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

export default function () {
  return (
    <Accordion>
      <Accordion.Item value="item-1">
        <Accordion.Heading>
          <Accordion.Trigger>Item 1</Accordion.Trigger>
          <Accordion.Content>Content for Item 1</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-2">
        <Accordion.Heading>
          <Accordion.Trigger>Item 2</Accordion.Trigger>
          <Accordion.Content>Content for Item 2</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-3">
        <Accordion.Heading>
          <Accordion.Trigger>Item 3</Accordion.Trigger>
          <Accordion.Content>Content for Item 3</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
    </Accordion>
  );
}

Collapsible

By default you can’t close open items. Adding collapsible changes this behavior.

'use client';

import { Accordion } from '@skeletonlabs/skeleton-react';
import { Club as IconClub, Diamond as IconDiamond, Heart as IconHeart, Spade as IconSpade } from 'lucide-react';

export default function () {
  return (
    <Accordion>
      <Accordion.Item value="item-1">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Club</span>
            <IconClub />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 1</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-2">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Diamond</span>
            <IconDiamond />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 2</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-3">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Heart</span>
            <IconHeart />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 3</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-4">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Spade</span>
            <IconSpade />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 4</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
    </Accordion>
  );
}

Multiple

Adding multiple allows items to open independently.

'use client';

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

export default function () {
  return (
    <Accordion multiple>
      <Accordion.Item value="item-1">
        <Accordion.Heading>
          <Accordion.Trigger>Item 1</Accordion.Trigger>
          <Accordion.Content>Content for Item 1</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-2">
        <Accordion.Heading>
          <Accordion.Trigger>Item 2</Accordion.Trigger>
          <Accordion.Content>Content for Item 2</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-3">
        <Accordion.Heading>
          <Accordion.Trigger>Item 3</Accordion.Trigger>
          <Accordion.Content>Content for Item 3</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
    </Accordion>
  );
}

Grid Columns

Use Grid Columns to adjust the layout of the Trigger component.

'use client';

import { Accordion } from '@skeletonlabs/skeleton-react';
import { Club as IconClub, Diamond as IconDiamond, Heart as IconHeart, Spade as IconSpade } from 'lucide-react';

export default function () {
  return (
    <Accordion>
      <Accordion.Item value="item-1">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Club</span>
            <IconClub />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 1</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-2">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Diamond</span>
            <IconDiamond />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 2</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-3">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Heart</span>
            <IconHeart />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 3</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
      <hr className="hr" />
      <Accordion.Item value="item-4">
        <Accordion.Heading>
          <Accordion.Trigger className="grid-cols-[1fr_auto]">
            <span>Spade</span>
            <IconSpade />
          </Accordion.Trigger>
          <Accordion.Content>Content for Item 4</Accordion.Content>
        </Accordion.Heading>
      </Accordion.Item>
    </Accordion>
  );
}

API Reference

Root

w-full grid gap-2

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

RootContext

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

Item

grid gap-2

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

ItemContext

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

Heading

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

Trigger

w-full grid items-center gap-4 py-2 px-4 rounded-base text-left hover:preset-tonal-primary

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

Indicator

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

Content

py-2 px-4

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