Skip to main content

Function: FileTrigger()

FileTrigger(__namedParameters): Element

Defined in: components/FileTrigger/FileTrigger.tsx:72

A semantic file-picker trigger built on React Aria's FileTrigger.

Entity = Action. Renders a Button that opens the OS file dialog on press and reports the chosen files via onSelect. Configure acceptedFileTypes, allowsMultiple, and acceptDirectory as needed.

For drag-and-drop upload, pair with a DropZone (deferred to Phase 4) — the droptarget State lives there, not on this click trigger.

Parameters

ParameterType
__namedParametersFileTriggerProps

Returns

Element

Example

<FileTrigger
acceptedFileTypes={['image/*']}
onSelect={(files) => upload(files)}
>
Upload avatar
</FileTrigger>