"use client"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { toast } from "sonner"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { Form, FormContent, FormFields, FormSubmit, } from "@/registry/base/form"; const documentSchema = createSchema([ { type: "upload", name: "document", label: "Upload Document", description: "PDF, Word, or text files (max 10MB)", maxSize: 10 * 1024 * 1024, ui: { variant: "dropzone", size: "xs", accept: ".pdf,.doc,.docx,.txt", showProgress: true, dropzoneText: "Drop your document here", }, }, { type: "textarea", name: "notes", label: "Additional Notes", placeholder: "Any notes about this document...", rows: 3, }, ]); type DocumentSchema = InferType; export default function DocumentUploadForm() { return ( Document Upload Drag-and-drop with progress indicator

{ console.log("Form data:", data); await new Promise((r) => setTimeout(r, 1000)); toast("Document uploaded!", { description: (

Check the console for the full File objects.

                    {JSON.stringify(data, null, 2)}

), }); }} > Upload Document

); }