Video Upload

A versatile video upload component that enables users to upload video files through drag-and-drop or file browsing. It supports single video uploads with validation, file size limits, and video previews with playback controls.

Click to upload or drag and drop

1"use client";
2
3import { VideoUpload } from "@/components/component-x/video-upload";
4
5export function VideoUploadPreview() {
6return (
7  <div className="w-full h-full overflow-y-auto p-4">
8    <VideoUpload maxSize={100} />
9  </div>
10);
11}
12

Installation

Run the following command to add the component:

npx cx add video-upload