"use client"; import { toast } from "sonner"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { Form, FormContent, FormFields, FormSubmit, FormReset, FormActions, } from "@/registry/base/form"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; // Schema with text, email, textarea fields const contactSchema = createSchema([ { type: "text", name: "name", label: "Full Name", placeholder: "John Doe", required: true, minLength: 2, }, { type: "email", name: "email", label: "Email Address", placeholder: "john@example.com", required: true, }, { type: "text", name: "subject", label: "Subject", placeholder: "How can we help?", required: true, }, { type: "textarea", name: "message", label: "Message", placeholder: "Tell us more about your inquiry...", description: "Be as detailed as possible so we can help you better.", required: true, minLength: 10, maxLength: 500, rows: 4, autoResize: true, }, ]); type ContactSchema = InferType; export default function ContactFormExample() { const handleSubmit = async (data: ContactSchema) => { // Simulate API call await new Promise((resolve) => setTimeout(resolve, 1000)); toast("Message sent!", { description: (

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

), }); }; return ( Contact Us Have a question? Send us a message and we'll respond within 24 hours. ); }