Skip to main content

Collapsible

Storybook​

Go to Story

CollapsibleRootProps​

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:57

Extends​

  • ComponentProps<"div">

Properties​

PropertyTypeDescriptionInherited fromDefined in
asChild?boolean--packages/design-system/src/components/Collapsible/Collapsible.tsx:58
key?Key | null-ComponentProps.keynode_modules/@types/react/index.d.ts:259
ref?Ref<HTMLDivElement>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). See React DocsComponentProps.refnode_modules/@types/react/index.d.ts:301
children?ReactNode-ComponentProps.childrennode_modules/@types/react/index.d.ts:2276
dangerouslySetInnerHTML?object-ComponentProps.dangerouslySetInnerHTMLnode_modules/@types/react/index.d.ts:2277
dangerouslySetInnerHTML.__htmlstring | TrustedHTML--node_modules/@types/react/index.d.ts:2280
onCopy?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCopynode_modules/@types/react/index.d.ts:2284
onCopyCapture?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCopyCapturenode_modules/@types/react/index.d.ts:2285
onCut?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCutnode_modules/@types/react/index.d.ts:2286
onCutCapture?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCutCapturenode_modules/@types/react/index.d.ts:2287
onPaste?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onPastenode_modules/@types/react/index.d.ts:2288
onPasteCapture?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onPasteCapturenode_modules/@types/react/index.d.ts:2289
onCompositionEnd?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionEndnode_modules/@types/react/index.d.ts:2292
onCompositionEndCapture?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionEndCapturenode_modules/@types/react/index.d.ts:2293
onCompositionStart?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionStartnode_modules/@types/react/index.d.ts:2294
onCompositionStartCapture?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionStartCapturenode_modules/@types/react/index.d.ts:2295
onCompositionUpdate?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionUpdatenode_modules/@types/react/index.d.ts:2296
onCompositionUpdateCapture?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionUpdateCapturenode_modules/@types/react/index.d.ts:2297
onFocus?FocusEventHandler<HTMLDivElement>-ComponentProps.onFocusnode_modules/@types/react/index.d.ts:2300
onFocusCapture?FocusEventHandler<HTMLDivElement>-ComponentProps.onFocusCapturenode_modules/@types/react/index.d.ts:2301
onBlur?FocusEventHandler<HTMLDivElement>-ComponentProps.onBlurnode_modules/@types/react/index.d.ts:2302
onBlurCapture?FocusEventHandler<HTMLDivElement>-ComponentProps.onBlurCapturenode_modules/@types/react/index.d.ts:2303
onChange?ChangeEventHandler<HTMLDivElement, Element>-ComponentProps.onChangenode_modules/@types/react/index.d.ts:2306
onChangeCapture?ChangeEventHandler<HTMLDivElement, Element>-ComponentProps.onChangeCapturenode_modules/@types/react/index.d.ts:2307
onBeforeInput?InputEventHandler<HTMLDivElement>-ComponentProps.onBeforeInputnode_modules/@types/react/index.d.ts:2308
onBeforeInputCapture?InputEventHandler<HTMLDivElement>-ComponentProps.onBeforeInputCapturenode_modules/@types/react/index.d.ts:2309
onInput?InputEventHandler<HTMLDivElement>-ComponentProps.onInputnode_modules/@types/react/index.d.ts:2310
onInputCapture?InputEventHandler<HTMLDivElement>-ComponentProps.onInputCapturenode_modules/@types/react/index.d.ts:2311
onReset?ReactEventHandler<HTMLDivElement>-ComponentProps.onResetnode_modules/@types/react/index.d.ts:2312
onResetCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onResetCapturenode_modules/@types/react/index.d.ts:2313
onSubmit?SubmitEventHandler<HTMLDivElement>-ComponentProps.onSubmitnode_modules/@types/react/index.d.ts:2314
onSubmitCapture?SubmitEventHandler<HTMLDivElement>-ComponentProps.onSubmitCapturenode_modules/@types/react/index.d.ts:2315
onInvalid?ReactEventHandler<HTMLDivElement>-ComponentProps.onInvalidnode_modules/@types/react/index.d.ts:2316
onInvalidCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onInvalidCapturenode_modules/@types/react/index.d.ts:2317
onLoad?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadnode_modules/@types/react/index.d.ts:2320
onLoadCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadCapturenode_modules/@types/react/index.d.ts:2321
onError?ReactEventHandler<HTMLDivElement>-ComponentProps.onErrornode_modules/@types/react/index.d.ts:2322
onErrorCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onErrorCapturenode_modules/@types/react/index.d.ts:2323
onKeyDown?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyDownnode_modules/@types/react/index.d.ts:2326
onKeyDownCapture?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyDownCapturenode_modules/@types/react/index.d.ts:2327
onKeyPress?KeyboardEventHandler<HTMLDivElement>Deprecated Use onKeyUp or onKeyDown insteadComponentProps.onKeyPressnode_modules/@types/react/index.d.ts:2329
onKeyPressCapture?KeyboardEventHandler<HTMLDivElement>Deprecated Use onKeyUpCapture or onKeyDownCapture insteadComponentProps.onKeyPressCapturenode_modules/@types/react/index.d.ts:2331
onKeyUp?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyUpnode_modules/@types/react/index.d.ts:2332
onKeyUpCapture?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyUpCapturenode_modules/@types/react/index.d.ts:2333
onAbort?ReactEventHandler<HTMLDivElement>-ComponentProps.onAbortnode_modules/@types/react/index.d.ts:2336
onAbortCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onAbortCapturenode_modules/@types/react/index.d.ts:2337
onCanPlay?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlaynode_modules/@types/react/index.d.ts:2338
onCanPlayCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlayCapturenode_modules/@types/react/index.d.ts:2339
onCanPlayThrough?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlayThroughnode_modules/@types/react/index.d.ts:2340
onCanPlayThroughCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlayThroughCapturenode_modules/@types/react/index.d.ts:2341
onDurationChange?ReactEventHandler<HTMLDivElement>-ComponentProps.onDurationChangenode_modules/@types/react/index.d.ts:2342
onDurationChangeCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onDurationChangeCapturenode_modules/@types/react/index.d.ts:2343
onEmptied?ReactEventHandler<HTMLDivElement>-ComponentProps.onEmptiednode_modules/@types/react/index.d.ts:2344
onEmptiedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onEmptiedCapturenode_modules/@types/react/index.d.ts:2345
onEncrypted?ReactEventHandler<HTMLDivElement>-ComponentProps.onEncryptednode_modules/@types/react/index.d.ts:2346
onEncryptedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onEncryptedCapturenode_modules/@types/react/index.d.ts:2347
onEnded?ReactEventHandler<HTMLDivElement>-ComponentProps.onEndednode_modules/@types/react/index.d.ts:2348
onEndedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onEndedCapturenode_modules/@types/react/index.d.ts:2349
onLoadedData?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedDatanode_modules/@types/react/index.d.ts:2350
onLoadedDataCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedDataCapturenode_modules/@types/react/index.d.ts:2351
onLoadedMetadata?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedMetadatanode_modules/@types/react/index.d.ts:2352
onLoadedMetadataCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedMetadataCapturenode_modules/@types/react/index.d.ts:2353
onLoadStart?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadStartnode_modules/@types/react/index.d.ts:2354
onLoadStartCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadStartCapturenode_modules/@types/react/index.d.ts:2355
onPause?ReactEventHandler<HTMLDivElement>-ComponentProps.onPausenode_modules/@types/react/index.d.ts:2356
onPauseCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onPauseCapturenode_modules/@types/react/index.d.ts:2357
onPlay?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlaynode_modules/@types/react/index.d.ts:2358
onPlayCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlayCapturenode_modules/@types/react/index.d.ts:2359
onPlaying?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlayingnode_modules/@types/react/index.d.ts:2360
onPlayingCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlayingCapturenode_modules/@types/react/index.d.ts:2361
onProgress?ReactEventHandler<HTMLDivElement>-ComponentProps.onProgressnode_modules/@types/react/index.d.ts:2362
onProgressCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onProgressCapturenode_modules/@types/react/index.d.ts:2363
onRateChange?ReactEventHandler<HTMLDivElement>-ComponentProps.onRateChangenode_modules/@types/react/index.d.ts:2364
onRateChangeCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onRateChangeCapturenode_modules/@types/react/index.d.ts:2365
onSeeked?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekednode_modules/@types/react/index.d.ts:2366
onSeekedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekedCapturenode_modules/@types/react/index.d.ts:2367
onSeeking?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekingnode_modules/@types/react/index.d.ts:2368
onSeekingCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekingCapturenode_modules/@types/react/index.d.ts:2369
onStalled?ReactEventHandler<HTMLDivElement>-ComponentProps.onStallednode_modules/@types/react/index.d.ts:2370
onStalledCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onStalledCapturenode_modules/@types/react/index.d.ts:2371
onSuspend?ReactEventHandler<HTMLDivElement>-ComponentProps.onSuspendnode_modules/@types/react/index.d.ts:2372
onSuspendCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSuspendCapturenode_modules/@types/react/index.d.ts:2373
onTimeUpdate?ReactEventHandler<HTMLDivElement>-ComponentProps.onTimeUpdatenode_modules/@types/react/index.d.ts:2374
onTimeUpdateCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onTimeUpdateCapturenode_modules/@types/react/index.d.ts:2375
onVolumeChange?ReactEventHandler<HTMLDivElement>-ComponentProps.onVolumeChangenode_modules/@types/react/index.d.ts:2376
onVolumeChangeCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onVolumeChangeCapturenode_modules/@types/react/index.d.ts:2377
onWaiting?ReactEventHandler<HTMLDivElement>-ComponentProps.onWaitingnode_modules/@types/react/index.d.ts:2378
onWaitingCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onWaitingCapturenode_modules/@types/react/index.d.ts:2379
onAuxClick?MouseEventHandler<HTMLDivElement>-ComponentProps.onAuxClicknode_modules/@types/react/index.d.ts:2382
onAuxClickCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onAuxClickCapturenode_modules/@types/react/index.d.ts:2383
onClick?MouseEventHandler<HTMLDivElement>-ComponentProps.onClicknode_modules/@types/react/index.d.ts:2384
onClickCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onClickCapturenode_modules/@types/react/index.d.ts:2385
onContextMenu?MouseEventHandler<HTMLDivElement>-ComponentProps.onContextMenunode_modules/@types/react/index.d.ts:2386
onContextMenuCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onContextMenuCapturenode_modules/@types/react/index.d.ts:2387
onDoubleClick?MouseEventHandler<HTMLDivElement>-ComponentProps.onDoubleClicknode_modules/@types/react/index.d.ts:2388
onDoubleClickCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onDoubleClickCapturenode_modules/@types/react/index.d.ts:2389
onDrag?DragEventHandler<HTMLDivElement>-ComponentProps.onDragnode_modules/@types/react/index.d.ts:2390
onDragCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragCapturenode_modules/@types/react/index.d.ts:2391
onDragEnd?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEndnode_modules/@types/react/index.d.ts:2392
onDragEndCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEndCapturenode_modules/@types/react/index.d.ts:2393
onDragEnter?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEnternode_modules/@types/react/index.d.ts:2394
onDragEnterCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEnterCapturenode_modules/@types/react/index.d.ts:2395
onDragExit?DragEventHandler<HTMLDivElement>-ComponentProps.onDragExitnode_modules/@types/react/index.d.ts:2396
onDragExitCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragExitCapturenode_modules/@types/react/index.d.ts:2397
onDragLeave?DragEventHandler<HTMLDivElement>-ComponentProps.onDragLeavenode_modules/@types/react/index.d.ts:2398
onDragLeaveCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragLeaveCapturenode_modules/@types/react/index.d.ts:2399
onDragOver?DragEventHandler<HTMLDivElement>-ComponentProps.onDragOvernode_modules/@types/react/index.d.ts:2400
onDragOverCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragOverCapturenode_modules/@types/react/index.d.ts:2401
onDragStart?DragEventHandler<HTMLDivElement>-ComponentProps.onDragStartnode_modules/@types/react/index.d.ts:2402
onDragStartCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragStartCapturenode_modules/@types/react/index.d.ts:2403
onDrop?DragEventHandler<HTMLDivElement>-ComponentProps.onDropnode_modules/@types/react/index.d.ts:2404
onDropCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDropCapturenode_modules/@types/react/index.d.ts:2405
onMouseDown?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseDownnode_modules/@types/react/index.d.ts:2406
onMouseDownCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseDownCapturenode_modules/@types/react/index.d.ts:2407
onMouseEnter?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseEnternode_modules/@types/react/index.d.ts:2408
onMouseLeave?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseLeavenode_modules/@types/react/index.d.ts:2409
onMouseMove?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseMovenode_modules/@types/react/index.d.ts:2410
onMouseMoveCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseMoveCapturenode_modules/@types/react/index.d.ts:2411
onMouseOut?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOutnode_modules/@types/react/index.d.ts:2412
onMouseOutCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOutCapturenode_modules/@types/react/index.d.ts:2413
onMouseOver?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOvernode_modules/@types/react/index.d.ts:2414
onMouseOverCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOverCapturenode_modules/@types/react/index.d.ts:2415
onMouseUp?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseUpnode_modules/@types/react/index.d.ts:2416
onMouseUpCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseUpCapturenode_modules/@types/react/index.d.ts:2417
onSelect?ReactEventHandler<HTMLDivElement>-ComponentProps.onSelectnode_modules/@types/react/index.d.ts:2420
onSelectCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSelectCapturenode_modules/@types/react/index.d.ts:2421
onTouchCancel?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchCancelnode_modules/@types/react/index.d.ts:2424
onTouchCancelCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchCancelCapturenode_modules/@types/react/index.d.ts:2425
onTouchEnd?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchEndnode_modules/@types/react/index.d.ts:2426
onTouchEndCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchEndCapturenode_modules/@types/react/index.d.ts:2427
onTouchMove?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchMovenode_modules/@types/react/index.d.ts:2428
onTouchMoveCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchMoveCapturenode_modules/@types/react/index.d.ts:2429
onTouchStart?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchStartnode_modules/@types/react/index.d.ts:2430
onTouchStartCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchStartCapturenode_modules/@types/react/index.d.ts:2431
onPointerDown?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerDownnode_modules/@types/react/index.d.ts:2434
onPointerDownCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerDownCapturenode_modules/@types/react/index.d.ts:2435
onPointerMove?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerMovenode_modules/@types/react/index.d.ts:2436
onPointerMoveCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerMoveCapturenode_modules/@types/react/index.d.ts:2437
onPointerUp?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerUpnode_modules/@types/react/index.d.ts:2438
onPointerUpCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerUpCapturenode_modules/@types/react/index.d.ts:2439
onPointerCancel?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerCancelnode_modules/@types/react/index.d.ts:2440
onPointerCancelCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerCancelCapturenode_modules/@types/react/index.d.ts:2441
onPointerEnter?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerEnternode_modules/@types/react/index.d.ts:2442
onPointerLeave?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerLeavenode_modules/@types/react/index.d.ts:2443
onPointerOver?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOvernode_modules/@types/react/index.d.ts:2444
onPointerOverCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOverCapturenode_modules/@types/react/index.d.ts:2445
onPointerOut?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOutnode_modules/@types/react/index.d.ts:2446
onPointerOutCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOutCapturenode_modules/@types/react/index.d.ts:2447
onGotPointerCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onGotPointerCapturenode_modules/@types/react/index.d.ts:2448
onGotPointerCaptureCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onGotPointerCaptureCapturenode_modules/@types/react/index.d.ts:2449
onLostPointerCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onLostPointerCapturenode_modules/@types/react/index.d.ts:2450
onLostPointerCaptureCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onLostPointerCaptureCapturenode_modules/@types/react/index.d.ts:2451
onScroll?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollnode_modules/@types/react/index.d.ts:2454
onScrollCapture?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollCapturenode_modules/@types/react/index.d.ts:2455
onScrollEnd?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollEndnode_modules/@types/react/index.d.ts:2456
onScrollEndCapture?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollEndCapturenode_modules/@types/react/index.d.ts:2457
onWheel?WheelEventHandler<HTMLDivElement>-ComponentProps.onWheelnode_modules/@types/react/index.d.ts:2460
onWheelCapture?WheelEventHandler<HTMLDivElement>-ComponentProps.onWheelCapturenode_modules/@types/react/index.d.ts:2461
onAnimationStart?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationStartnode_modules/@types/react/index.d.ts:2464
onAnimationStartCapture?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationStartCapturenode_modules/@types/react/index.d.ts:2465
onAnimationEnd?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationEndnode_modules/@types/react/index.d.ts:2466
onAnimationEndCapture?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationEndCapturenode_modules/@types/react/index.d.ts:2467
onAnimationIteration?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationIterationnode_modules/@types/react/index.d.ts:2468
onAnimationIterationCapture?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationIterationCapturenode_modules/@types/react/index.d.ts:2469
onToggle?ToggleEventHandler<HTMLDivElement>-ComponentProps.onTogglenode_modules/@types/react/index.d.ts:2472
onBeforeToggle?ToggleEventHandler<HTMLDivElement>-ComponentProps.onBeforeTogglenode_modules/@types/react/index.d.ts:2473
onTransitionCancel?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionCancelnode_modules/@types/react/index.d.ts:2476
onTransitionCancelCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionCancelCapturenode_modules/@types/react/index.d.ts:2477
onTransitionEnd?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionEndnode_modules/@types/react/index.d.ts:2478
onTransitionEndCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionEndCapturenode_modules/@types/react/index.d.ts:2479
onTransitionRun?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionRunnode_modules/@types/react/index.d.ts:2480
onTransitionRunCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionRunCapturenode_modules/@types/react/index.d.ts:2481
onTransitionStart?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionStartnode_modules/@types/react/index.d.ts:2482
onTransitionStartCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionStartCapturenode_modules/@types/react/index.d.ts:2483
aria-activedescendant?stringIdentifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.ComponentProps.aria-activedescendantnode_modules/@types/react/index.d.ts:2500
aria-atomic?BooleanishIndicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.ComponentProps.aria-atomicnode_modules/@types/react/index.d.ts:2502
aria-autocomplete?"none" | "list" | "inline" | "both"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.ComponentProps.aria-autocompletenode_modules/@types/react/index.d.ts:2507
aria-braillelabel?stringDefines a string value that labels the current element, which is intended to be converted into Braille. See aria-label.ComponentProps.aria-braillelabelnode_modules/@types/react/index.d.ts:2513
aria-brailleroledescription?stringDefines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. See aria-roledescription.ComponentProps.aria-brailleroledescriptionnode_modules/@types/react/index.d.ts:2518
aria-busy?Booleanish-ComponentProps.aria-busynode_modules/@types/react/index.d.ts:2519
aria-checked?boolean | "true" | "false" | "mixed"Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. See - aria-pressed - aria-selected.ComponentProps.aria-checkednode_modules/@types/react/index.d.ts:2524
aria-colcount?numberDefines the total number of columns in a table, grid, or treegrid. See aria-colindex.ComponentProps.aria-colcountnode_modules/@types/react/index.d.ts:2529
aria-colindex?numberDefines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. See - aria-colcount - aria-colspan.ComponentProps.aria-colindexnode_modules/@types/react/index.d.ts:2534
aria-colindextext?stringDefines a human readable text alternative of aria-colindex. See aria-rowindextext.ComponentProps.aria-colindextextnode_modules/@types/react/index.d.ts:2539
aria-colspan?numberDefines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. See - aria-colindex - aria-rowspan.ComponentProps.aria-colspannode_modules/@types/react/index.d.ts:2544
aria-controls?stringIdentifies the element (or elements) whose contents or presence are controlled by the current element. See aria-owns.ComponentProps.aria-controlsnode_modules/@types/react/index.d.ts:2549
aria-current?boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"Indicates the element that represents the current item within a container or set of related elements.ComponentProps.aria-currentnode_modules/@types/react/index.d.ts:2551
aria-describedby?stringIdentifies the element (or elements) that describes the object. See aria-labelledbyComponentProps.aria-describedbynode_modules/@types/react/index.d.ts:2556
aria-description?stringDefines a string value that describes or annotates the current element. See related aria-describedby.ComponentProps.aria-descriptionnode_modules/@types/react/index.d.ts:2561
aria-details?stringIdentifies the element that provides a detailed, extended description for the object. See aria-describedby.ComponentProps.aria-detailsnode_modules/@types/react/index.d.ts:2566
aria-disabled?BooleanishIndicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See - aria-hidden - aria-readonly.ComponentProps.aria-disablednode_modules/@types/react/index.d.ts:2571
aria-dropeffect?"none" | "link" | "copy" | "execute" | "move" | "popup"Indicates what functions can be performed when a dragged object is released on the drop target. Deprecated in ARIA 1.1ComponentProps.aria-dropeffectnode_modules/@types/react/index.d.ts:2576
aria-errormessage?stringIdentifies the element that provides an error message for the object. See - aria-invalid - aria-describedby.ComponentProps.aria-errormessagenode_modules/@types/react/index.d.ts:2581
aria-expanded?BooleanishIndicates whether the element, or another grouping element it controls, is currently expanded or collapsed.ComponentProps.aria-expandednode_modules/@types/react/index.d.ts:2583
aria-flowto?stringIdentifies 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.ComponentProps.aria-flowtonode_modules/@types/react/index.d.ts:2588
aria-grabbed?BooleanishIndicates an element's "grabbed" state in a drag-and-drop operation. Deprecated in ARIA 1.1ComponentProps.aria-grabbednode_modules/@types/react/index.d.ts:2593
aria-haspopup?| boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.ComponentProps.aria-haspopupnode_modules/@types/react/index.d.ts:2595
aria-hidden?BooleanishIndicates whether the element is exposed to an accessibility API. See aria-disabled.ComponentProps.aria-hiddennode_modules/@types/react/index.d.ts:2600
aria-invalid?boolean | "true" | "false" | "grammar" | "spelling"Indicates the entered value does not conform to the format expected by the application. See aria-errormessage.ComponentProps.aria-invalidnode_modules/@types/react/index.d.ts:2605
aria-keyshortcuts?stringIndicates keyboard shortcuts that an author has implemented to activate or give focus to an element.ComponentProps.aria-keyshortcutsnode_modules/@types/react/index.d.ts:2607
aria-label?stringDefines a string value that labels the current element. See aria-labelledby.ComponentProps.aria-labelnode_modules/@types/react/index.d.ts:2612
aria-labelledby?stringIdentifies the element (or elements) that labels the current element. See aria-describedby.ComponentProps.aria-labelledbynode_modules/@types/react/index.d.ts:2617
aria-level?numberDefines the hierarchical level of an element within a structure.ComponentProps.aria-levelnode_modules/@types/react/index.d.ts:2619
aria-live?"off" | "polite" | "assertive"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.ComponentProps.aria-livenode_modules/@types/react/index.d.ts:2621
aria-modal?BooleanishIndicates whether an element is modal when displayed.ComponentProps.aria-modalnode_modules/@types/react/index.d.ts:2623
aria-multiline?BooleanishIndicates whether a text box accepts multiple lines of input or only a single line.ComponentProps.aria-multilinenode_modules/@types/react/index.d.ts:2625
aria-multiselectable?BooleanishIndicates that the user may select more than one item from the current selectable descendants.ComponentProps.aria-multiselectablenode_modules/@types/react/index.d.ts:2627
aria-orientation?"horizontal" | "vertical"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.ComponentProps.aria-orientationnode_modules/@types/react/index.d.ts:2629
aria-owns?stringIdentifies 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. See aria-controls.ComponentProps.aria-ownsnode_modules/@types/react/index.d.ts:2635
aria-placeholder?stringDefines 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.ComponentProps.aria-placeholdernode_modules/@types/react/index.d.ts:2640
aria-posinset?numberDefines 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. See aria-setsize.ComponentProps.aria-posinsetnode_modules/@types/react/index.d.ts:2645
aria-pressed?boolean | "true" | "false" | "mixed"Indicates the current "pressed" state of toggle buttons. See - aria-checked - aria-selected.ComponentProps.aria-pressednode_modules/@types/react/index.d.ts:2650
aria-readonly?BooleanishIndicates that the element is not editable, but is otherwise operable. See aria-disabled.ComponentProps.aria-readonlynode_modules/@types/react/index.d.ts:2655
aria-relevant?| "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. See aria-atomic.ComponentProps.aria-relevantnode_modules/@types/react/index.d.ts:2660
aria-required?BooleanishIndicates that user input is required on the element before a form may be submitted.ComponentProps.aria-requirednode_modules/@types/react/index.d.ts:2673
aria-roledescription?stringDefines a human-readable, author-localized description for the role of an element.ComponentProps.aria-roledescriptionnode_modules/@types/react/index.d.ts:2675
aria-rowcount?numberDefines the total number of rows in a table, grid, or treegrid. See aria-rowindex.ComponentProps.aria-rowcountnode_modules/@types/react/index.d.ts:2680
aria-rowindex?numberDefines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. See - aria-rowcount - aria-rowspan.ComponentProps.aria-rowindexnode_modules/@types/react/index.d.ts:2685
aria-rowindextext?stringDefines a human readable text alternative of aria-rowindex. See aria-colindextext.ComponentProps.aria-rowindextextnode_modules/@types/react/index.d.ts:2690
aria-rowspan?numberDefines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. See - aria-rowindex - aria-colspan.ComponentProps.aria-rowspannode_modules/@types/react/index.d.ts:2695
aria-selected?BooleanishIndicates the current "selected" state of various widgets. See - aria-checked - aria-pressed.ComponentProps.aria-selectednode_modules/@types/react/index.d.ts:2700
aria-setsize?numberDefines 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. See aria-posinset.ComponentProps.aria-setsizenode_modules/@types/react/index.d.ts:2705
aria-sort?"none" | "ascending" | "descending" | "other"Indicates if items in a table or grid are sorted in ascending or descending order.ComponentProps.aria-sortnode_modules/@types/react/index.d.ts:2707
aria-valuemax?numberDefines the maximum allowed value for a range widget.ComponentProps.aria-valuemaxnode_modules/@types/react/index.d.ts:2709
aria-valuemin?numberDefines the minimum allowed value for a range widget.ComponentProps.aria-valueminnode_modules/@types/react/index.d.ts:2711
aria-valuenow?numberDefines the current value for a range widget. See aria-valuetext.ComponentProps.aria-valuenownode_modules/@types/react/index.d.ts:2716
aria-valuetext?stringDefines the human readable text alternative of aria-valuenow for a range widget.ComponentProps.aria-valuetextnode_modules/@types/react/index.d.ts:2718
defaultChecked?boolean-ComponentProps.defaultCheckednode_modules/@types/react/index.d.ts:2796
defaultValue?string | number | readonly string[]-ComponentProps.defaultValuenode_modules/@types/react/index.d.ts:2797
suppressContentEditableWarning?boolean-ComponentProps.suppressContentEditableWarningnode_modules/@types/react/index.d.ts:2798
suppressHydrationWarning?boolean-ComponentProps.suppressHydrationWarningnode_modules/@types/react/index.d.ts:2799
accessKey?string-ComponentProps.accessKeynode_modules/@types/react/index.d.ts:2802
autoCapitalize?| "none" | string & object | "off" | "on" | "sentences" | "words" | "characters"-ComponentProps.autoCapitalizenode_modules/@types/react/index.d.ts:2803
autoFocus?boolean-ComponentProps.autoFocusnode_modules/@types/react/index.d.ts:2804
className?string-ComponentProps.classNamenode_modules/@types/react/index.d.ts:2805
contentEditable?Booleanish | "inherit" | "plaintext-only"-ComponentProps.contentEditablenode_modules/@types/react/index.d.ts:2806
contextMenu?string-ComponentProps.contextMenunode_modules/@types/react/index.d.ts:2807
dir?string-ComponentProps.dirnode_modules/@types/react/index.d.ts:2808
draggable?Booleanish-ComponentProps.draggablenode_modules/@types/react/index.d.ts:2809
enterKeyHint?"search" | "enter" | "done" | "go" | "next" | "previous" | "send"-ComponentProps.enterKeyHintnode_modules/@types/react/index.d.ts:2810
hidden?boolean-ComponentProps.hiddennode_modules/@types/react/index.d.ts:2811
id?string-ComponentProps.idnode_modules/@types/react/index.d.ts:2812
lang?string-ComponentProps.langnode_modules/@types/react/index.d.ts:2813
nonce?string-ComponentProps.noncenode_modules/@types/react/index.d.ts:2814
slot?string-ComponentProps.slotnode_modules/@types/react/index.d.ts:2815
spellCheck?Booleanish-ComponentProps.spellChecknode_modules/@types/react/index.d.ts:2816
style?CSSProperties-ComponentProps.stylenode_modules/@types/react/index.d.ts:2817
tabIndex?number-ComponentProps.tabIndexnode_modules/@types/react/index.d.ts:2818
title?string-ComponentProps.titlenode_modules/@types/react/index.d.ts:2819
translate?"yes" | "no"-ComponentProps.translatenode_modules/@types/react/index.d.ts:2820
radioGroup?string-ComponentProps.radioGroupnode_modules/@types/react/index.d.ts:2823
role?AriaRole-ComponentProps.rolenode_modules/@types/react/index.d.ts:2826
about?string-ComponentProps.aboutnode_modules/@types/react/index.d.ts:2829
content?string-ComponentProps.contentnode_modules/@types/react/index.d.ts:2830
datatype?string-ComponentProps.datatypenode_modules/@types/react/index.d.ts:2831
inlist?any-ComponentProps.inlistnode_modules/@types/react/index.d.ts:2832
prefix?string-ComponentProps.prefixnode_modules/@types/react/index.d.ts:2833
property?string-ComponentProps.propertynode_modules/@types/react/index.d.ts:2834
rel?string-ComponentProps.relnode_modules/@types/react/index.d.ts:2835
resource?string-ComponentProps.resourcenode_modules/@types/react/index.d.ts:2836
rev?string-ComponentProps.revnode_modules/@types/react/index.d.ts:2837
typeof?string-ComponentProps.typeofnode_modules/@types/react/index.d.ts:2838
vocab?string-ComponentProps.vocabnode_modules/@types/react/index.d.ts:2839
autoCorrect?string-ComponentProps.autoCorrectnode_modules/@types/react/index.d.ts:2842
autoSave?string-ComponentProps.autoSavenode_modules/@types/react/index.d.ts:2843
color?string-ComponentProps.colornode_modules/@types/react/index.d.ts:2844
itemProp?string-ComponentProps.itemPropnode_modules/@types/react/index.d.ts:2845
itemScope?boolean-ComponentProps.itemScopenode_modules/@types/react/index.d.ts:2846
itemType?string-ComponentProps.itemTypenode_modules/@types/react/index.d.ts:2847
itemID?string-ComponentProps.itemIDnode_modules/@types/react/index.d.ts:2848
itemRef?string-ComponentProps.itemRefnode_modules/@types/react/index.d.ts:2849
results?number-ComponentProps.resultsnode_modules/@types/react/index.d.ts:2850
security?string-ComponentProps.securitynode_modules/@types/react/index.d.ts:2851
unselectable?"off" | "on"-ComponentProps.unselectablenode_modules/@types/react/index.d.ts:2852
popover?"" | "auto" | "manual" | "hint"-ComponentProps.popovernode_modules/@types/react/index.d.ts:2855
popoverTargetAction?"toggle" | "show" | "hide"-ComponentProps.popoverTargetActionnode_modules/@types/react/index.d.ts:2856
popoverTarget?string-ComponentProps.popoverTargetnode_modules/@types/react/index.d.ts:2857
inert?booleanSee https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inertComponentProps.inertnode_modules/@types/react/index.d.ts:2863
inputMode?| "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"Hints at the type of data that might be entered by the user while editing the element or its contents See https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attributeComponentProps.inputModenode_modules/@types/react/index.d.ts:2868
is?stringSpecify that a standard HTML element should behave like a defined custom built-in element See https://html.spec.whatwg.org/multipage/custom-elements.html#attr-isComponentProps.isnode_modules/@types/react/index.d.ts:2873
exportparts?stringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportpartsComponentProps.exportpartsnode_modules/@types/react/index.d.ts:2877
part?stringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/partComponentProps.partnode_modules/@types/react/index.d.ts:2881

CollapsibleContentProps​

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:96

Extends​

  • ComponentProps<"div">

Properties​

PropertyTypeDescriptionInherited fromDefined in
asChild?boolean--packages/design-system/src/components/Collapsible/Collapsible.tsx:97
key?Key | null-ComponentProps.keynode_modules/@types/react/index.d.ts:259
ref?Ref<HTMLDivElement>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). See React DocsComponentProps.refnode_modules/@types/react/index.d.ts:301
children?ReactNode-ComponentProps.childrennode_modules/@types/react/index.d.ts:2276
dangerouslySetInnerHTML?object-ComponentProps.dangerouslySetInnerHTMLnode_modules/@types/react/index.d.ts:2277
dangerouslySetInnerHTML.__htmlstring | TrustedHTML--node_modules/@types/react/index.d.ts:2280
onCopy?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCopynode_modules/@types/react/index.d.ts:2284
onCopyCapture?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCopyCapturenode_modules/@types/react/index.d.ts:2285
onCut?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCutnode_modules/@types/react/index.d.ts:2286
onCutCapture?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onCutCapturenode_modules/@types/react/index.d.ts:2287
onPaste?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onPastenode_modules/@types/react/index.d.ts:2288
onPasteCapture?ClipboardEventHandler<HTMLDivElement>-ComponentProps.onPasteCapturenode_modules/@types/react/index.d.ts:2289
onCompositionEnd?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionEndnode_modules/@types/react/index.d.ts:2292
onCompositionEndCapture?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionEndCapturenode_modules/@types/react/index.d.ts:2293
onCompositionStart?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionStartnode_modules/@types/react/index.d.ts:2294
onCompositionStartCapture?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionStartCapturenode_modules/@types/react/index.d.ts:2295
onCompositionUpdate?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionUpdatenode_modules/@types/react/index.d.ts:2296
onCompositionUpdateCapture?CompositionEventHandler<HTMLDivElement>-ComponentProps.onCompositionUpdateCapturenode_modules/@types/react/index.d.ts:2297
onFocus?FocusEventHandler<HTMLDivElement>-ComponentProps.onFocusnode_modules/@types/react/index.d.ts:2300
onFocusCapture?FocusEventHandler<HTMLDivElement>-ComponentProps.onFocusCapturenode_modules/@types/react/index.d.ts:2301
onBlur?FocusEventHandler<HTMLDivElement>-ComponentProps.onBlurnode_modules/@types/react/index.d.ts:2302
onBlurCapture?FocusEventHandler<HTMLDivElement>-ComponentProps.onBlurCapturenode_modules/@types/react/index.d.ts:2303
onChange?ChangeEventHandler<HTMLDivElement, Element>-ComponentProps.onChangenode_modules/@types/react/index.d.ts:2306
onChangeCapture?ChangeEventHandler<HTMLDivElement, Element>-ComponentProps.onChangeCapturenode_modules/@types/react/index.d.ts:2307
onBeforeInput?InputEventHandler<HTMLDivElement>-ComponentProps.onBeforeInputnode_modules/@types/react/index.d.ts:2308
onBeforeInputCapture?InputEventHandler<HTMLDivElement>-ComponentProps.onBeforeInputCapturenode_modules/@types/react/index.d.ts:2309
onInput?InputEventHandler<HTMLDivElement>-ComponentProps.onInputnode_modules/@types/react/index.d.ts:2310
onInputCapture?InputEventHandler<HTMLDivElement>-ComponentProps.onInputCapturenode_modules/@types/react/index.d.ts:2311
onReset?ReactEventHandler<HTMLDivElement>-ComponentProps.onResetnode_modules/@types/react/index.d.ts:2312
onResetCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onResetCapturenode_modules/@types/react/index.d.ts:2313
onSubmit?SubmitEventHandler<HTMLDivElement>-ComponentProps.onSubmitnode_modules/@types/react/index.d.ts:2314
onSubmitCapture?SubmitEventHandler<HTMLDivElement>-ComponentProps.onSubmitCapturenode_modules/@types/react/index.d.ts:2315
onInvalid?ReactEventHandler<HTMLDivElement>-ComponentProps.onInvalidnode_modules/@types/react/index.d.ts:2316
onInvalidCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onInvalidCapturenode_modules/@types/react/index.d.ts:2317
onLoad?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadnode_modules/@types/react/index.d.ts:2320
onLoadCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadCapturenode_modules/@types/react/index.d.ts:2321
onError?ReactEventHandler<HTMLDivElement>-ComponentProps.onErrornode_modules/@types/react/index.d.ts:2322
onErrorCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onErrorCapturenode_modules/@types/react/index.d.ts:2323
onKeyDown?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyDownnode_modules/@types/react/index.d.ts:2326
onKeyDownCapture?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyDownCapturenode_modules/@types/react/index.d.ts:2327
onKeyPress?KeyboardEventHandler<HTMLDivElement>Deprecated Use onKeyUp or onKeyDown insteadComponentProps.onKeyPressnode_modules/@types/react/index.d.ts:2329
onKeyPressCapture?KeyboardEventHandler<HTMLDivElement>Deprecated Use onKeyUpCapture or onKeyDownCapture insteadComponentProps.onKeyPressCapturenode_modules/@types/react/index.d.ts:2331
onKeyUp?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyUpnode_modules/@types/react/index.d.ts:2332
onKeyUpCapture?KeyboardEventHandler<HTMLDivElement>-ComponentProps.onKeyUpCapturenode_modules/@types/react/index.d.ts:2333
onAbort?ReactEventHandler<HTMLDivElement>-ComponentProps.onAbortnode_modules/@types/react/index.d.ts:2336
onAbortCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onAbortCapturenode_modules/@types/react/index.d.ts:2337
onCanPlay?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlaynode_modules/@types/react/index.d.ts:2338
onCanPlayCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlayCapturenode_modules/@types/react/index.d.ts:2339
onCanPlayThrough?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlayThroughnode_modules/@types/react/index.d.ts:2340
onCanPlayThroughCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onCanPlayThroughCapturenode_modules/@types/react/index.d.ts:2341
onDurationChange?ReactEventHandler<HTMLDivElement>-ComponentProps.onDurationChangenode_modules/@types/react/index.d.ts:2342
onDurationChangeCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onDurationChangeCapturenode_modules/@types/react/index.d.ts:2343
onEmptied?ReactEventHandler<HTMLDivElement>-ComponentProps.onEmptiednode_modules/@types/react/index.d.ts:2344
onEmptiedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onEmptiedCapturenode_modules/@types/react/index.d.ts:2345
onEncrypted?ReactEventHandler<HTMLDivElement>-ComponentProps.onEncryptednode_modules/@types/react/index.d.ts:2346
onEncryptedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onEncryptedCapturenode_modules/@types/react/index.d.ts:2347
onEnded?ReactEventHandler<HTMLDivElement>-ComponentProps.onEndednode_modules/@types/react/index.d.ts:2348
onEndedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onEndedCapturenode_modules/@types/react/index.d.ts:2349
onLoadedData?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedDatanode_modules/@types/react/index.d.ts:2350
onLoadedDataCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedDataCapturenode_modules/@types/react/index.d.ts:2351
onLoadedMetadata?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedMetadatanode_modules/@types/react/index.d.ts:2352
onLoadedMetadataCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadedMetadataCapturenode_modules/@types/react/index.d.ts:2353
onLoadStart?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadStartnode_modules/@types/react/index.d.ts:2354
onLoadStartCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onLoadStartCapturenode_modules/@types/react/index.d.ts:2355
onPause?ReactEventHandler<HTMLDivElement>-ComponentProps.onPausenode_modules/@types/react/index.d.ts:2356
onPauseCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onPauseCapturenode_modules/@types/react/index.d.ts:2357
onPlay?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlaynode_modules/@types/react/index.d.ts:2358
onPlayCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlayCapturenode_modules/@types/react/index.d.ts:2359
onPlaying?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlayingnode_modules/@types/react/index.d.ts:2360
onPlayingCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onPlayingCapturenode_modules/@types/react/index.d.ts:2361
onProgress?ReactEventHandler<HTMLDivElement>-ComponentProps.onProgressnode_modules/@types/react/index.d.ts:2362
onProgressCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onProgressCapturenode_modules/@types/react/index.d.ts:2363
onRateChange?ReactEventHandler<HTMLDivElement>-ComponentProps.onRateChangenode_modules/@types/react/index.d.ts:2364
onRateChangeCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onRateChangeCapturenode_modules/@types/react/index.d.ts:2365
onSeeked?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekednode_modules/@types/react/index.d.ts:2366
onSeekedCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekedCapturenode_modules/@types/react/index.d.ts:2367
onSeeking?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekingnode_modules/@types/react/index.d.ts:2368
onSeekingCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSeekingCapturenode_modules/@types/react/index.d.ts:2369
onStalled?ReactEventHandler<HTMLDivElement>-ComponentProps.onStallednode_modules/@types/react/index.d.ts:2370
onStalledCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onStalledCapturenode_modules/@types/react/index.d.ts:2371
onSuspend?ReactEventHandler<HTMLDivElement>-ComponentProps.onSuspendnode_modules/@types/react/index.d.ts:2372
onSuspendCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSuspendCapturenode_modules/@types/react/index.d.ts:2373
onTimeUpdate?ReactEventHandler<HTMLDivElement>-ComponentProps.onTimeUpdatenode_modules/@types/react/index.d.ts:2374
onTimeUpdateCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onTimeUpdateCapturenode_modules/@types/react/index.d.ts:2375
onVolumeChange?ReactEventHandler<HTMLDivElement>-ComponentProps.onVolumeChangenode_modules/@types/react/index.d.ts:2376
onVolumeChangeCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onVolumeChangeCapturenode_modules/@types/react/index.d.ts:2377
onWaiting?ReactEventHandler<HTMLDivElement>-ComponentProps.onWaitingnode_modules/@types/react/index.d.ts:2378
onWaitingCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onWaitingCapturenode_modules/@types/react/index.d.ts:2379
onAuxClick?MouseEventHandler<HTMLDivElement>-ComponentProps.onAuxClicknode_modules/@types/react/index.d.ts:2382
onAuxClickCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onAuxClickCapturenode_modules/@types/react/index.d.ts:2383
onClick?MouseEventHandler<HTMLDivElement>-ComponentProps.onClicknode_modules/@types/react/index.d.ts:2384
onClickCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onClickCapturenode_modules/@types/react/index.d.ts:2385
onContextMenu?MouseEventHandler<HTMLDivElement>-ComponentProps.onContextMenunode_modules/@types/react/index.d.ts:2386
onContextMenuCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onContextMenuCapturenode_modules/@types/react/index.d.ts:2387
onDoubleClick?MouseEventHandler<HTMLDivElement>-ComponentProps.onDoubleClicknode_modules/@types/react/index.d.ts:2388
onDoubleClickCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onDoubleClickCapturenode_modules/@types/react/index.d.ts:2389
onDrag?DragEventHandler<HTMLDivElement>-ComponentProps.onDragnode_modules/@types/react/index.d.ts:2390
onDragCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragCapturenode_modules/@types/react/index.d.ts:2391
onDragEnd?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEndnode_modules/@types/react/index.d.ts:2392
onDragEndCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEndCapturenode_modules/@types/react/index.d.ts:2393
onDragEnter?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEnternode_modules/@types/react/index.d.ts:2394
onDragEnterCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragEnterCapturenode_modules/@types/react/index.d.ts:2395
onDragExit?DragEventHandler<HTMLDivElement>-ComponentProps.onDragExitnode_modules/@types/react/index.d.ts:2396
onDragExitCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragExitCapturenode_modules/@types/react/index.d.ts:2397
onDragLeave?DragEventHandler<HTMLDivElement>-ComponentProps.onDragLeavenode_modules/@types/react/index.d.ts:2398
onDragLeaveCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragLeaveCapturenode_modules/@types/react/index.d.ts:2399
onDragOver?DragEventHandler<HTMLDivElement>-ComponentProps.onDragOvernode_modules/@types/react/index.d.ts:2400
onDragOverCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragOverCapturenode_modules/@types/react/index.d.ts:2401
onDragStart?DragEventHandler<HTMLDivElement>-ComponentProps.onDragStartnode_modules/@types/react/index.d.ts:2402
onDragStartCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDragStartCapturenode_modules/@types/react/index.d.ts:2403
onDrop?DragEventHandler<HTMLDivElement>-ComponentProps.onDropnode_modules/@types/react/index.d.ts:2404
onDropCapture?DragEventHandler<HTMLDivElement>-ComponentProps.onDropCapturenode_modules/@types/react/index.d.ts:2405
onMouseDown?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseDownnode_modules/@types/react/index.d.ts:2406
onMouseDownCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseDownCapturenode_modules/@types/react/index.d.ts:2407
onMouseEnter?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseEnternode_modules/@types/react/index.d.ts:2408
onMouseLeave?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseLeavenode_modules/@types/react/index.d.ts:2409
onMouseMove?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseMovenode_modules/@types/react/index.d.ts:2410
onMouseMoveCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseMoveCapturenode_modules/@types/react/index.d.ts:2411
onMouseOut?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOutnode_modules/@types/react/index.d.ts:2412
onMouseOutCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOutCapturenode_modules/@types/react/index.d.ts:2413
onMouseOver?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOvernode_modules/@types/react/index.d.ts:2414
onMouseOverCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseOverCapturenode_modules/@types/react/index.d.ts:2415
onMouseUp?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseUpnode_modules/@types/react/index.d.ts:2416
onMouseUpCapture?MouseEventHandler<HTMLDivElement>-ComponentProps.onMouseUpCapturenode_modules/@types/react/index.d.ts:2417
onSelect?ReactEventHandler<HTMLDivElement>-ComponentProps.onSelectnode_modules/@types/react/index.d.ts:2420
onSelectCapture?ReactEventHandler<HTMLDivElement>-ComponentProps.onSelectCapturenode_modules/@types/react/index.d.ts:2421
onTouchCancel?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchCancelnode_modules/@types/react/index.d.ts:2424
onTouchCancelCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchCancelCapturenode_modules/@types/react/index.d.ts:2425
onTouchEnd?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchEndnode_modules/@types/react/index.d.ts:2426
onTouchEndCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchEndCapturenode_modules/@types/react/index.d.ts:2427
onTouchMove?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchMovenode_modules/@types/react/index.d.ts:2428
onTouchMoveCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchMoveCapturenode_modules/@types/react/index.d.ts:2429
onTouchStart?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchStartnode_modules/@types/react/index.d.ts:2430
onTouchStartCapture?TouchEventHandler<HTMLDivElement>-ComponentProps.onTouchStartCapturenode_modules/@types/react/index.d.ts:2431
onPointerDown?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerDownnode_modules/@types/react/index.d.ts:2434
onPointerDownCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerDownCapturenode_modules/@types/react/index.d.ts:2435
onPointerMove?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerMovenode_modules/@types/react/index.d.ts:2436
onPointerMoveCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerMoveCapturenode_modules/@types/react/index.d.ts:2437
onPointerUp?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerUpnode_modules/@types/react/index.d.ts:2438
onPointerUpCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerUpCapturenode_modules/@types/react/index.d.ts:2439
onPointerCancel?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerCancelnode_modules/@types/react/index.d.ts:2440
onPointerCancelCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerCancelCapturenode_modules/@types/react/index.d.ts:2441
onPointerEnter?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerEnternode_modules/@types/react/index.d.ts:2442
onPointerLeave?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerLeavenode_modules/@types/react/index.d.ts:2443
onPointerOver?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOvernode_modules/@types/react/index.d.ts:2444
onPointerOverCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOverCapturenode_modules/@types/react/index.d.ts:2445
onPointerOut?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOutnode_modules/@types/react/index.d.ts:2446
onPointerOutCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onPointerOutCapturenode_modules/@types/react/index.d.ts:2447
onGotPointerCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onGotPointerCapturenode_modules/@types/react/index.d.ts:2448
onGotPointerCaptureCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onGotPointerCaptureCapturenode_modules/@types/react/index.d.ts:2449
onLostPointerCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onLostPointerCapturenode_modules/@types/react/index.d.ts:2450
onLostPointerCaptureCapture?PointerEventHandler<HTMLDivElement>-ComponentProps.onLostPointerCaptureCapturenode_modules/@types/react/index.d.ts:2451
onScroll?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollnode_modules/@types/react/index.d.ts:2454
onScrollCapture?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollCapturenode_modules/@types/react/index.d.ts:2455
onScrollEnd?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollEndnode_modules/@types/react/index.d.ts:2456
onScrollEndCapture?UIEventHandler<HTMLDivElement>-ComponentProps.onScrollEndCapturenode_modules/@types/react/index.d.ts:2457
onWheel?WheelEventHandler<HTMLDivElement>-ComponentProps.onWheelnode_modules/@types/react/index.d.ts:2460
onWheelCapture?WheelEventHandler<HTMLDivElement>-ComponentProps.onWheelCapturenode_modules/@types/react/index.d.ts:2461
onAnimationStart?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationStartnode_modules/@types/react/index.d.ts:2464
onAnimationStartCapture?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationStartCapturenode_modules/@types/react/index.d.ts:2465
onAnimationEnd?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationEndnode_modules/@types/react/index.d.ts:2466
onAnimationEndCapture?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationEndCapturenode_modules/@types/react/index.d.ts:2467
onAnimationIteration?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationIterationnode_modules/@types/react/index.d.ts:2468
onAnimationIterationCapture?AnimationEventHandler<HTMLDivElement>-ComponentProps.onAnimationIterationCapturenode_modules/@types/react/index.d.ts:2469
onToggle?ToggleEventHandler<HTMLDivElement>-ComponentProps.onTogglenode_modules/@types/react/index.d.ts:2472
onBeforeToggle?ToggleEventHandler<HTMLDivElement>-ComponentProps.onBeforeTogglenode_modules/@types/react/index.d.ts:2473
onTransitionCancel?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionCancelnode_modules/@types/react/index.d.ts:2476
onTransitionCancelCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionCancelCapturenode_modules/@types/react/index.d.ts:2477
onTransitionEnd?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionEndnode_modules/@types/react/index.d.ts:2478
onTransitionEndCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionEndCapturenode_modules/@types/react/index.d.ts:2479
onTransitionRun?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionRunnode_modules/@types/react/index.d.ts:2480
onTransitionRunCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionRunCapturenode_modules/@types/react/index.d.ts:2481
onTransitionStart?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionStartnode_modules/@types/react/index.d.ts:2482
onTransitionStartCapture?TransitionEventHandler<HTMLDivElement>-ComponentProps.onTransitionStartCapturenode_modules/@types/react/index.d.ts:2483
aria-activedescendant?stringIdentifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.ComponentProps.aria-activedescendantnode_modules/@types/react/index.d.ts:2500
aria-atomic?BooleanishIndicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.ComponentProps.aria-atomicnode_modules/@types/react/index.d.ts:2502
aria-autocomplete?"none" | "list" | "inline" | "both"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.ComponentProps.aria-autocompletenode_modules/@types/react/index.d.ts:2507
aria-braillelabel?stringDefines a string value that labels the current element, which is intended to be converted into Braille. See aria-label.ComponentProps.aria-braillelabelnode_modules/@types/react/index.d.ts:2513
aria-brailleroledescription?stringDefines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille. See aria-roledescription.ComponentProps.aria-brailleroledescriptionnode_modules/@types/react/index.d.ts:2518
aria-busy?Booleanish-ComponentProps.aria-busynode_modules/@types/react/index.d.ts:2519
aria-checked?boolean | "true" | "false" | "mixed"Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. See - aria-pressed - aria-selected.ComponentProps.aria-checkednode_modules/@types/react/index.d.ts:2524
aria-colcount?numberDefines the total number of columns in a table, grid, or treegrid. See aria-colindex.ComponentProps.aria-colcountnode_modules/@types/react/index.d.ts:2529
aria-colindex?numberDefines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. See - aria-colcount - aria-colspan.ComponentProps.aria-colindexnode_modules/@types/react/index.d.ts:2534
aria-colindextext?stringDefines a human readable text alternative of aria-colindex. See aria-rowindextext.ComponentProps.aria-colindextextnode_modules/@types/react/index.d.ts:2539
aria-colspan?numberDefines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. See - aria-colindex - aria-rowspan.ComponentProps.aria-colspannode_modules/@types/react/index.d.ts:2544
aria-controls?stringIdentifies the element (or elements) whose contents or presence are controlled by the current element. See aria-owns.ComponentProps.aria-controlsnode_modules/@types/react/index.d.ts:2549
aria-current?boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"Indicates the element that represents the current item within a container or set of related elements.ComponentProps.aria-currentnode_modules/@types/react/index.d.ts:2551
aria-describedby?stringIdentifies the element (or elements) that describes the object. See aria-labelledbyComponentProps.aria-describedbynode_modules/@types/react/index.d.ts:2556
aria-description?stringDefines a string value that describes or annotates the current element. See related aria-describedby.ComponentProps.aria-descriptionnode_modules/@types/react/index.d.ts:2561
aria-details?stringIdentifies the element that provides a detailed, extended description for the object. See aria-describedby.ComponentProps.aria-detailsnode_modules/@types/react/index.d.ts:2566
aria-disabled?BooleanishIndicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See - aria-hidden - aria-readonly.ComponentProps.aria-disablednode_modules/@types/react/index.d.ts:2571
aria-dropeffect?"none" | "link" | "copy" | "execute" | "move" | "popup"Indicates what functions can be performed when a dragged object is released on the drop target. Deprecated in ARIA 1.1ComponentProps.aria-dropeffectnode_modules/@types/react/index.d.ts:2576
aria-errormessage?stringIdentifies the element that provides an error message for the object. See - aria-invalid - aria-describedby.ComponentProps.aria-errormessagenode_modules/@types/react/index.d.ts:2581
aria-expanded?BooleanishIndicates whether the element, or another grouping element it controls, is currently expanded or collapsed.ComponentProps.aria-expandednode_modules/@types/react/index.d.ts:2583
aria-flowto?stringIdentifies 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.ComponentProps.aria-flowtonode_modules/@types/react/index.d.ts:2588
aria-grabbed?BooleanishIndicates an element's "grabbed" state in a drag-and-drop operation. Deprecated in ARIA 1.1ComponentProps.aria-grabbednode_modules/@types/react/index.d.ts:2593
aria-haspopup?| boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.ComponentProps.aria-haspopupnode_modules/@types/react/index.d.ts:2595
aria-hidden?BooleanishIndicates whether the element is exposed to an accessibility API. See aria-disabled.ComponentProps.aria-hiddennode_modules/@types/react/index.d.ts:2600
aria-invalid?boolean | "true" | "false" | "grammar" | "spelling"Indicates the entered value does not conform to the format expected by the application. See aria-errormessage.ComponentProps.aria-invalidnode_modules/@types/react/index.d.ts:2605
aria-keyshortcuts?stringIndicates keyboard shortcuts that an author has implemented to activate or give focus to an element.ComponentProps.aria-keyshortcutsnode_modules/@types/react/index.d.ts:2607
aria-label?stringDefines a string value that labels the current element. See aria-labelledby.ComponentProps.aria-labelnode_modules/@types/react/index.d.ts:2612
aria-labelledby?stringIdentifies the element (or elements) that labels the current element. See aria-describedby.ComponentProps.aria-labelledbynode_modules/@types/react/index.d.ts:2617
aria-level?numberDefines the hierarchical level of an element within a structure.ComponentProps.aria-levelnode_modules/@types/react/index.d.ts:2619
aria-live?"off" | "polite" | "assertive"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.ComponentProps.aria-livenode_modules/@types/react/index.d.ts:2621
aria-modal?BooleanishIndicates whether an element is modal when displayed.ComponentProps.aria-modalnode_modules/@types/react/index.d.ts:2623
aria-multiline?BooleanishIndicates whether a text box accepts multiple lines of input or only a single line.ComponentProps.aria-multilinenode_modules/@types/react/index.d.ts:2625
aria-multiselectable?BooleanishIndicates that the user may select more than one item from the current selectable descendants.ComponentProps.aria-multiselectablenode_modules/@types/react/index.d.ts:2627
aria-orientation?"horizontal" | "vertical"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.ComponentProps.aria-orientationnode_modules/@types/react/index.d.ts:2629
aria-owns?stringIdentifies 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. See aria-controls.ComponentProps.aria-ownsnode_modules/@types/react/index.d.ts:2635
aria-placeholder?stringDefines 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.ComponentProps.aria-placeholdernode_modules/@types/react/index.d.ts:2640
aria-posinset?numberDefines 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. See aria-setsize.ComponentProps.aria-posinsetnode_modules/@types/react/index.d.ts:2645
aria-pressed?boolean | "true" | "false" | "mixed"Indicates the current "pressed" state of toggle buttons. See - aria-checked - aria-selected.ComponentProps.aria-pressednode_modules/@types/react/index.d.ts:2650
aria-readonly?BooleanishIndicates that the element is not editable, but is otherwise operable. See aria-disabled.ComponentProps.aria-readonlynode_modules/@types/react/index.d.ts:2655
aria-relevant?| "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. See aria-atomic.ComponentProps.aria-relevantnode_modules/@types/react/index.d.ts:2660
aria-required?BooleanishIndicates that user input is required on the element before a form may be submitted.ComponentProps.aria-requirednode_modules/@types/react/index.d.ts:2673
aria-roledescription?stringDefines a human-readable, author-localized description for the role of an element.ComponentProps.aria-roledescriptionnode_modules/@types/react/index.d.ts:2675
aria-rowcount?numberDefines the total number of rows in a table, grid, or treegrid. See aria-rowindex.ComponentProps.aria-rowcountnode_modules/@types/react/index.d.ts:2680
aria-rowindex?numberDefines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. See - aria-rowcount - aria-rowspan.ComponentProps.aria-rowindexnode_modules/@types/react/index.d.ts:2685
aria-rowindextext?stringDefines a human readable text alternative of aria-rowindex. See aria-colindextext.ComponentProps.aria-rowindextextnode_modules/@types/react/index.d.ts:2690
aria-rowspan?numberDefines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. See - aria-rowindex - aria-colspan.ComponentProps.aria-rowspannode_modules/@types/react/index.d.ts:2695
aria-selected?BooleanishIndicates the current "selected" state of various widgets. See - aria-checked - aria-pressed.ComponentProps.aria-selectednode_modules/@types/react/index.d.ts:2700
aria-setsize?numberDefines 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. See aria-posinset.ComponentProps.aria-setsizenode_modules/@types/react/index.d.ts:2705
aria-sort?"none" | "ascending" | "descending" | "other"Indicates if items in a table or grid are sorted in ascending or descending order.ComponentProps.aria-sortnode_modules/@types/react/index.d.ts:2707
aria-valuemax?numberDefines the maximum allowed value for a range widget.ComponentProps.aria-valuemaxnode_modules/@types/react/index.d.ts:2709
aria-valuemin?numberDefines the minimum allowed value for a range widget.ComponentProps.aria-valueminnode_modules/@types/react/index.d.ts:2711
aria-valuenow?numberDefines the current value for a range widget. See aria-valuetext.ComponentProps.aria-valuenownode_modules/@types/react/index.d.ts:2716
aria-valuetext?stringDefines the human readable text alternative of aria-valuenow for a range widget.ComponentProps.aria-valuetextnode_modules/@types/react/index.d.ts:2718
defaultChecked?boolean-ComponentProps.defaultCheckednode_modules/@types/react/index.d.ts:2796
defaultValue?string | number | readonly string[]-ComponentProps.defaultValuenode_modules/@types/react/index.d.ts:2797
suppressContentEditableWarning?boolean-ComponentProps.suppressContentEditableWarningnode_modules/@types/react/index.d.ts:2798
suppressHydrationWarning?boolean-ComponentProps.suppressHydrationWarningnode_modules/@types/react/index.d.ts:2799
accessKey?string-ComponentProps.accessKeynode_modules/@types/react/index.d.ts:2802
autoCapitalize?| "none" | string & object | "off" | "on" | "sentences" | "words" | "characters"-ComponentProps.autoCapitalizenode_modules/@types/react/index.d.ts:2803
autoFocus?boolean-ComponentProps.autoFocusnode_modules/@types/react/index.d.ts:2804
className?string-ComponentProps.classNamenode_modules/@types/react/index.d.ts:2805
contentEditable?Booleanish | "inherit" | "plaintext-only"-ComponentProps.contentEditablenode_modules/@types/react/index.d.ts:2806
contextMenu?string-ComponentProps.contextMenunode_modules/@types/react/index.d.ts:2807
dir?string-ComponentProps.dirnode_modules/@types/react/index.d.ts:2808
draggable?Booleanish-ComponentProps.draggablenode_modules/@types/react/index.d.ts:2809
enterKeyHint?"search" | "enter" | "done" | "go" | "next" | "previous" | "send"-ComponentProps.enterKeyHintnode_modules/@types/react/index.d.ts:2810
hidden?boolean-ComponentProps.hiddennode_modules/@types/react/index.d.ts:2811
id?string-ComponentProps.idnode_modules/@types/react/index.d.ts:2812
lang?string-ComponentProps.langnode_modules/@types/react/index.d.ts:2813
nonce?string-ComponentProps.noncenode_modules/@types/react/index.d.ts:2814
slot?string-ComponentProps.slotnode_modules/@types/react/index.d.ts:2815
spellCheck?Booleanish-ComponentProps.spellChecknode_modules/@types/react/index.d.ts:2816
style?CSSProperties-ComponentProps.stylenode_modules/@types/react/index.d.ts:2817
tabIndex?number-ComponentProps.tabIndexnode_modules/@types/react/index.d.ts:2818
title?string-ComponentProps.titlenode_modules/@types/react/index.d.ts:2819
translate?"yes" | "no"-ComponentProps.translatenode_modules/@types/react/index.d.ts:2820
radioGroup?string-ComponentProps.radioGroupnode_modules/@types/react/index.d.ts:2823
role?AriaRole-ComponentProps.rolenode_modules/@types/react/index.d.ts:2826
about?string-ComponentProps.aboutnode_modules/@types/react/index.d.ts:2829
content?string-ComponentProps.contentnode_modules/@types/react/index.d.ts:2830
datatype?string-ComponentProps.datatypenode_modules/@types/react/index.d.ts:2831
inlist?any-ComponentProps.inlistnode_modules/@types/react/index.d.ts:2832
prefix?string-ComponentProps.prefixnode_modules/@types/react/index.d.ts:2833
property?string-ComponentProps.propertynode_modules/@types/react/index.d.ts:2834
rel?string-ComponentProps.relnode_modules/@types/react/index.d.ts:2835
resource?string-ComponentProps.resourcenode_modules/@types/react/index.d.ts:2836
rev?string-ComponentProps.revnode_modules/@types/react/index.d.ts:2837
typeof?string-ComponentProps.typeofnode_modules/@types/react/index.d.ts:2838
vocab?string-ComponentProps.vocabnode_modules/@types/react/index.d.ts:2839
autoCorrect?string-ComponentProps.autoCorrectnode_modules/@types/react/index.d.ts:2842
autoSave?string-ComponentProps.autoSavenode_modules/@types/react/index.d.ts:2843
color?string-ComponentProps.colornode_modules/@types/react/index.d.ts:2844
itemProp?string-ComponentProps.itemPropnode_modules/@types/react/index.d.ts:2845
itemScope?boolean-ComponentProps.itemScopenode_modules/@types/react/index.d.ts:2846
itemType?string-ComponentProps.itemTypenode_modules/@types/react/index.d.ts:2847
itemID?string-ComponentProps.itemIDnode_modules/@types/react/index.d.ts:2848
itemRef?string-ComponentProps.itemRefnode_modules/@types/react/index.d.ts:2849
results?number-ComponentProps.resultsnode_modules/@types/react/index.d.ts:2850
security?string-ComponentProps.securitynode_modules/@types/react/index.d.ts:2851
unselectable?"off" | "on"-ComponentProps.unselectablenode_modules/@types/react/index.d.ts:2852
popover?"" | "auto" | "manual" | "hint"-ComponentProps.popovernode_modules/@types/react/index.d.ts:2855
popoverTargetAction?"toggle" | "show" | "hide"-ComponentProps.popoverTargetActionnode_modules/@types/react/index.d.ts:2856
popoverTarget?string-ComponentProps.popoverTargetnode_modules/@types/react/index.d.ts:2857
inert?booleanSee https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inertComponentProps.inertnode_modules/@types/react/index.d.ts:2863
inputMode?| "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"Hints at the type of data that might be entered by the user while editing the element or its contents See https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attributeComponentProps.inputModenode_modules/@types/react/index.d.ts:2868
is?stringSpecify that a standard HTML element should behave like a defined custom built-in element See https://html.spec.whatwg.org/multipage/custom-elements.html#attr-isComponentProps.isnode_modules/@types/react/index.d.ts:2873
exportparts?stringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportpartsComponentProps.exportpartsnode_modules/@types/react/index.d.ts:2877
part?stringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/partComponentProps.partnode_modules/@types/react/index.d.ts:2881

CollapsibleTrigger​

const CollapsibleTrigger: ForwardRefExoticComponent<CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>> = CollapsiblePrimitive.Trigger;

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:55

Button that toggles the collapsible.

Example​

<CollapsibleTrigger asChild>
  <Button>Trigger me</Button>
</CollapsibleTrigger>

CollapsibleRoot()​

function CollapsibleRoot(props): Element;

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:41

Primitive component for collapsible content. Root provides state.

Renders fully accessible and animated collapsible, with no styles besides necessary.

Parameters​

ParameterType
propsCollapsibleProps & RefAttributes<HTMLDivElement>

Returns​

Element

Examples​

// Basic usage
<CollapsibleRoot>
  <CollapsibleTrigger>Toggle</CollapsibleTrigger>
  <CollapsibleContent>Content to collapse</CollapsibleContent>
</CollapsibleRoot>
// With button and content styles
<CollapsibleRoot>
  <CollapsibleTrigger asChild>
    <Button>Trigger me</Button>
  </CollapsibleTrigger>
  <CollapsibleContent>
    <div className="p-5 bg-primary">Content to collapse</div>
  </CollapsibleContent>
</CollapsibleRoot>

CollapsibleContentRoot()​

function CollapsibleContentRoot(__namedParameters): Element;

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:78

Primitive component providing collapsing animation. Mostly unstyled, provided just essential styles for collapsing.

Collapse relies on animating grid-template-rows. 1fr when visible, 0fr when hidden. This approach guarantees performant transition and animation from 0 to max height.

Parameters​

ParameterType
__namedParametersCollapsibleRootProps

Returns​

Element

Example​

<CollapsibleContentRoot>
  <CollapsibleContentInner>
    Content to collapse
  </CollapsibleContentInner>
</CollapsibleContentRoot>

CollapsibleContentInner()​

function CollapsibleContentInner(__namedParameters): Element;

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:118

Content container for CollapsibleContentRoot. It just renders div with hidden overflow, but this structure is necessary for collapsing to work.

Parameters​

ParameterType
__namedParametersCollapsibleContentProps

Returns​

Element

Remarks​

If you want to add padding or margin to the content, make sure to add it to the children of CollapsibleContentInner.

Example​

<CollapsibleContentRoot>
  <CollapsibleContentInner>
    <div className="p-5">Content to collapse</div>
  </CollapsibleContentInner>
</CollapsibleContentRoot>

CollapsibleContent()​

function CollapsibleContent(__namedParameters): Element;

Defined in: packages/design-system/src/components/Collapsible/Collapsible.tsx:150

Shows collapsed content. Has to be used within CollapsibleRoot.

Parameters​

ParameterType
__namedParametersCollapsibleContentProps & RefAttributes<HTMLDivElement>

Returns​

Element

Examples​

// Basic usage
<CollapsibleContent>Content to collapse</CollapsibleContent>
// With content styles
<CollapsibleContent>
  <div className="p-5 bg-primary">Content to collapse</div>
</CollapsibleContent>