FileInput
FileInput Component
Playground
↑
Drop files here
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| accept | text | — | |
| multiple | boolean | — | |
| disabled | boolean | — | |
| label | text | — | |
| maxSizeMB | number | — |
Default
↑
Drop files here
Multiple
↑
Drop files here or click to browse
Multiple files allowed
AcceptImages
↑
Drop files here or click to browse
Accepted: image/*
Disabled
↑
Drop files here or click to browse
WithMaxSize
↑
Drop files here or click to browse
Max: 5MB · Multiple files allowed
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
accept | text | — | — |
disabled | boolean | — | — |
label | text | — | — |
maxSizeMB | number | — | — |
multiple | boolean | — | — |
Using FileInputtsx
import { FileInput } from '@/components/FileInput'
<FileInput
accept="..."
multiple="..."
disabled="..."
label="..."
maxSizeMB="..."
/>Tokens Used
No design tokens detected