Kibo UI
Header Background

Tags

Tags are a way to apply multiple labels to an item.

Installation

npx kibo-ui@latest add tags

Features

  • Built-in search input to filter through tags
  • Supports both controlled and uncontrolled usage
  • Fully customizable through className props
  • Automatically adjusts width based on parent container
  • Optional remove button for selected tags
  • Full keyboard navigation support through Command component
  • Shared state management through TagsContext

Examples

Create a tag

Props

The Tags component is made up of the following subcomponents:

Tags

The Tags component is the main component of the Tags.

PropTypeDefault
value
string
-
setValue
(value: string) => void
-
open
boolean
-
onOpenChange
(open: boolean) => void
-
children
ReactNode
-
className
string
-

TagsTrigger

The TagsTrigger component is the trigger for the Tags.

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

TagsContent

The TagsContent component is the content for the Tags.

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

TagsInput

The TagsInput component is the input for the Tags.

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

TagsItem

The TagsItem component is the item for the Tags.

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

TagsValue

The TagsValue component is the value for the Tags.

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

TagsList

The TagsList component is the list for the Tags.

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

TagsEmpty

The TagsEmpty component is the empty state for the Tags.

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

TagsGroup

The TagsGroup component is the group for the Tags.

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

On this page