"use client"; import { useState } from "react"; import { toast } from "sonner"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { Form, FormContent, FormFields, FormSubmit, FormReset, FormActions, } from "@/registry/base/form"; import { Button } from "@/components/ui/button"; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, } from "@/components/ui/sheet"; // Feedback form with conditional textarea const feedbackSchema = createSchema([ { type: "text", name: "feature", label: "Feature Name", placeholder: "e.g., TextField component", required: true, ui: { copyable: true, }, }, { type: "textarea", name: "feedback", label: "Your Feedback", placeholder: "What did you like? What could be improved?", required: true, minLength: 20, maxLength: 1000, rows: 5, autoResize: true, ui: { copyable: true, }, }, { type: "checkbox", name: "canContact", label: "You can contact me for follow-up questions", description: "We may reach out to understand your feedback better.", }, { type: "email", name: "email", label: "Email (optional)", placeholder: "your@email.com", condition: (data: { canContact?: boolean }) => data.canContact === true, }, ]); type FeedbackSchema = InferType; export default function FeedbackSheetExample() { const [open, setOpen] = useState(false); const handleSubmit = async (data: FeedbackSchema) => { await new Promise((resolve) => setTimeout(resolve, 1000)); toast("Thank you!", { description: (

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

), }); setOpen(false); }; return ( }>Give Feedback Share Your Feedback Help us make BuzzForm better. Your feedback is invaluable.

); }