"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 contactSchema = createSchema([ { type: "row", fields: [ { type: "text", name: "firstName", label: "First Name", placeholder: "John", required: true, }, { type: "text", name: "lastName", label: "Last Name", placeholder: "Doe", required: true, }, ], }, { type: "email", name: "email", label: "Email Address", placeholder: "john.doe@example.com", required: true, }, { type: "row", fields: [ { type: "text", name: "city", label: "City", placeholder: "New York", style: { width: "60%" }, }, { type: "text", name: "zip", label: "ZIP Code", placeholder: "10001", style: { width: "40%" }, }, ], }, ]); type ContactSchema = InferType; export default function ContactLayoutForm() { return ( Contact Information Side-by-side fields with responsive row layout

{ await new Promise((r) => setTimeout(r, 1000)); toast("Contact saved!", { description: (

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

), }); }} > Save Contact

); }

Contact Layout