File Trigger

Props

API reference for File Trigger. For usage examples, see the React tab.

Name	Type	Default
acceptDirectory	`boolean`
Enables the selection of directories instead of individual files.
acceptedFileTypes	`readonly string[]`
Specifies what mime type of files are allowed.
allowsMultiple	`boolean`
Whether multiple files can be selected.
children	`ReactNode`
The children of the component.
defaultCamera	`"environment" \| "user"`
Specifies the use of a media capture mechanism to capture the media on the spot.

Name	Type	Default
dir	`string`
hidden	`boolean`
inert	`boolean`
lang	`string`
suppressHydrationWarning	`boolean`
A React-only flag that suppresses the warning React normally logs when an element's server-rendered content doesn't match the client render during hydration. See React docs (opens in new tab).
translate	`"no" \| "yes"`

Name	Type	Default
onAnimationEnd	`AnimationEventHandler<HTMLInputElement>`
onAnimationEndCapture	`AnimationEventHandler<HTMLInputElement>`
onAnimationIteration	`AnimationEventHandler<HTMLInputElement>`
onAnimationIterationCapture	`AnimationEventHandler<HTMLInputElement>`
onAnimationStart	`AnimationEventHandler<HTMLInputElement>`
onAnimationStartCapture	`AnimationEventHandler<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>`
onGotPointerCapture	`PointerEventHandler<HTMLInputElement>`
onGotPointerCaptureCapture	`PointerEventHandler<HTMLInputElement>`
onLostPointerCapture	`PointerEventHandler<HTMLInputElement>`
onLostPointerCaptureCapture	`PointerEventHandler<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>`
onPointerCancel	`PointerEventHandler<HTMLInputElement>`
onPointerCancelCapture	`PointerEventHandler<HTMLInputElement>`
onPointerDown	`PointerEventHandler<HTMLInputElement>`
onPointerDownCapture	`PointerEventHandler<HTMLInputElement>`
onPointerEnter	`PointerEventHandler<HTMLInputElement>`
onPointerLeave	`PointerEventHandler<HTMLInputElement>`
onPointerMove	`PointerEventHandler<HTMLInputElement>`
onPointerMoveCapture	`PointerEventHandler<HTMLInputElement>`
onPointerOut	`PointerEventHandler<HTMLInputElement>`
onPointerOutCapture	`PointerEventHandler<HTMLInputElement>`
onPointerOver	`PointerEventHandler<HTMLInputElement>`
onPointerOverCapture	`PointerEventHandler<HTMLInputElement>`
onPointerUp	`PointerEventHandler<HTMLInputElement>`
onPointerUpCapture	`PointerEventHandler<HTMLInputElement>`
onScroll	`UIEventHandler<HTMLInputElement>`
onScrollCapture	`UIEventHandler<HTMLInputElement>`
onSelect	`((files: FileList \| null) => void)`
Handler when a user selects a file.
onTouchCancel	`TouchEventHandler<HTMLInputElement>`
onTouchCancelCapture	`TouchEventHandler<HTMLInputElement>`
onTouchEnd	`TouchEventHandler<HTMLInputElement>`
onTouchEndCapture	`TouchEventHandler<HTMLInputElement>`
onTouchMove	`TouchEventHandler<HTMLInputElement>`
onTouchMoveCapture	`TouchEventHandler<HTMLInputElement>`
onTouchStart	`TouchEventHandler<HTMLInputElement>`
onTouchStartCapture	`TouchEventHandler<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>`
onWheel	`WheelEventHandler<HTMLInputElement>`
onWheelCapture	`WheelEventHandler<HTMLInputElement>`

File Trigger

Props

Advanced (6)(6 props)

Events (65)(65 props)