FileUpload

import { FileUpload } from 'fluxo-ui';

<FileUpload
  accept="image/*"
  multiple
  maxFileSize={5 * 1024 * 1024}
  maxFiles={5}
  showPreview
  onFilesSelect={(files) => console.log('Selected:', files)}
  onUpload={async (file, onProgress) => {
    for (let i = 0; i <= 100; i += 10) {
      await new Promise((r) => setTimeout(r, 200));
      onProgress(i);
    }
  }}
/>

import { FileUpload } from 'fluxo-ui';

<FileUpload
  accept="image/*"
  multiple
  maxFiles={4}
  showPreview
  onUpload={async (file, onProgress) => {
    // simulate upload
    for (let i = 0; i <= 100; i += 20) {
      await new Promise((r) => setTimeout(r, 300));
      onProgress(i);
    }
  }}
/>

import { FileUpload } from 'fluxo-ui';

<FileUpload
  accept=".pdf,.doc,.docx"
  multiple
  maxFileSize={2 * 1024 * 1024}
  maxFiles={3}
  customValidator={(file) => {
    if (file.name.includes(' ')) {
      return 'File name must not contain spaces';
    }
    return undefined;
  }}
  onFilesSelect={(files) => console.log('Valid files:', files)}
/>