Skip to main content
components

File Upload

A comprehensive drag-and-drop file upload component.

Package@g4rcez/componentsSectionForm Controls

Examples

Single File Upload

FileUpload uses singular idle and accessible copy when multiple is false or omitted.

Document upload
tsx
"use client";
import { FileUpload } from "@g4rcez/components";

function SingleFileUpload() {
  return <FileUpload />;
}

Multiple File Upload

Set multiple to use plural idle and accessible copy for batch uploads.

Documents upload
tsx
"use client";
import { FileUpload } from "@g4rcez/components";

function MultipleFileUpload() {
  return <FileUpload multiple />;
}

When to use File Upload

Use when

You need the documented File Upload interaction or presentation in a product workflow.

Avoid when

A native HTML element already provides the File Upload behavior you need.

Accessibility

Keep the File Upload labeled and use its documented keyboard interaction. The component preserves visible focus and communicates state without relying on color alone.

  • Keep keyboard focus visible and follow the documented key commands.
  • Provide an accessible name and connect descriptions or errors to the control.