File Upload

New

Drag & drop завантаження з file list та max size валідацією.

Import

import { FileUpload } from '@brutal-ui/react';

Basic Usage

Upload Files

Drag & Drop files here

or click to browse

Max size: 5 Bytes

const [files, setFiles] = useState<File[]>([]);

<FileUpload
  label='Upload Files'
  onChange={setFiles}
  accept='image/*'
  maxSize={5}
/>

{files.map((file) => (
  <div key={file.name}>{file.name}</div>
))}

Multiple Files

Upload Multiple Files

Drag & Drop files here

or click to browse

<FileUpload
  label='Upload Multiple Files'
  onChange={(files) => console.log(files)}
  multiple
/>

Props

Prop	Type	Default	Description
label	string	-	Upload label
onChange	function	-	File change handler
accept	string	-	Accepted file types
maxSize	number	-	Max size in MB
multiple	boolean	false	Allow multiple files