"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 profileSchema = createSchema([ { type: "upload", name: "avatar", label: "Profile Picture", description: "Upload a profile photo", ui: { variant: "avatar", shape: "square", size: "lg", accept: "image/*", }, }, { type: "text", name: "name", label: "Display Name", placeholder: "Your name", required: true, }, { type: "email", name: "email", label: "Email", placeholder: "you@example.com", required: true, }, ]); type ProfileSchema = InferType; export default function ProfileUploadForm() { return ( Profile Settings Avatar upload with preview

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

Check the console for the full File objects.

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

), }); }} > Save Profile

); }