# File Upload

## Single file

```js
const [file, setFile] = React.useState();
<>
  <SilkeUploadField
    label="Upload field"
    help="Any file type and any size"
    value={file}
    onChange={setFile}
  />
</>;
```

## Single file upload

```js
const [file, setFile] = React.useState();
<>
  <SilkeUploadField
    label="Upload field"
    help="Any file type and any size"
    value={file}
    onChange={setFile}
  />
  <SilkeUploadField
    label="Upload image"
    accept="image/*"
    help="Only .jpg and .png file. 1mb max file size."
    maxSize={1024}
    value={file}
    onChange={setFile}
  />
</>;
```

## Multiple file upload

```js
const [files, setFiles] = React.useState([]);
<>
  <SilkeUploadField
    label="Upload files"
    help="Multiple files in any size and format"
    multiple
    value={files}
    onChange={setFiles}
  />
  <SilkeUploadField
    label="Upload image"
    accept="image/*"
    multiple
    help="Only .jpg and .png files. 1mb max file size."
    maxSize={1024}
    value={files}
    onChange={setFiles}
  />
</>;
```