NOCTA UI

File Upload

Advanced file upload component with drag & drop, progress tracking, validation, and preview support

Installation

Install the File Upload component using the nocta-ui CLI:

npx @nocta-ui/cli add file-upload

Import the component:

import { FileUpload } from '@/components/ui/file-upload';

Examples

Default File Upload

Single File Upload

Image Upload with Preview

Sizes

Small Size

Medium Size (Default)

Large Size

Disabled State

API Reference

Prop

Type