fn
useFileDialog
v0.0.15testeddemoOpen a native file dialog programmatically and reactively track the selected files.
Examples
ts
const { files, open, onChange } = useFileDialog({ accept: 'image/*' });
onChange((selected) => console.log(selected));
open();ts
// Override options for a single call
const { open } = useFileDialog();
open({ multiple: false, accept: '.pdf' });Demo
Loading demo…
Signature
ts
export function useFileDialog(options: UseFileDialogOptions ={ ... }Parameters
| Parameter | Type | Description |
|---|---|---|
options? | UseFileDialogOptions | Options |
Returns
UseFileDialogReturn`files`, `open`, `reset`, `onChange`, and `onCancel`