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