Accordion

Installation

npx caprice-ui add accordion

Usage

import * as Accordion from "@/components/ui/accordion"

<Accordion.Root>
  <Accordion.Item value="item-1">
    <Accordion.Trigger>What is Base UI?</Accordion.Trigger>
    <Accordion.Panel>
      Base UI is a library of high-quality unstyled React components for design systems
      and web apps.
    </Accordion.Panel>
  </Accordion.Item>
</Accordion.Root>

Examples

API Reference

Root

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

Item

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

Trigger

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

Panel

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

Accordion

What is Base UI?

How do I get started?

Can I use it for my project?

On this page