File Upload

Select files and show the current upload selection.

@sigil-ui/componentsReact

Preview

import { FileUpload } from "@sigil-ui/components";

<FileUpload accept="image/*" maxSize={5_000_000} className="w-full max-w-md" />

Prop	Type	Default	Description
`accept`	`string`	—	Accept configuration.
`multiple`	`boolean`	—	Multiple configuration.
`maxSize`	`number`	—	Max Size configuration.
`disabled`	`boolean`	—	Prevents user interaction when enabled.
`onChange`	`(files: File[]) => void`	—	Called when the value changes.

Empty

Explain an empty state and guide the user toward a next step.

Input

A styled text input that reads border, radius, and focus tokens from your token file.