react_jamsrui_file_upload_component_quickstart.ts

1import React, { useState } from 'react';
2import { FileUpload, FileUploadValue } from '@jamsrui/file-upload';
3
4const App: React.FC = () => {
5  const [files, setFiles] = useState<FileUploadValue[]>([]);
6
7  const handleChange = (value: FileUploadValue[]) => {
8    setFiles(value);
9    console.log('Selected files:', value);
10  };
11
12  return (
13    <div style={{ padding: '20px', maxWidth: '600px' }}>
14      <h1>File Upload Example</h1>
15      <FileUpload
16        value={files}
17        onChange={handleChange}
18        multiple={true}
19        maxFiles={5}
20        accept={['image/*', '.pdf']}
21        label="Drag & drop files or click to browse"
22      />
23    </div>
24  );
25};
26
27export default App;