zod-form-radix/dist/examples/ZodFormExample.js

Radix UI integration for zod-form-kit

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { z } from 'zod';
import { ZodForm } from '../components/ZodForm';
// Example schema
const userSchema = z.object({
    name: z.string().min(1, 'Name is required'),
    email: z.string().email('Invalid email'),
    age: z.number().min(18, 'Must be at least 18'),
    subscribe: z.boolean(),
    role: z.enum(['admin', 'user', 'moderator']),
});
export function ZodFormExample() {
    const handleSubmit = (data) => {
        console.log('Form submitted:', data);
    };
    return (_jsxs("div", { className: "max-w-md mx-auto p-6", children: [_jsx("h1", { className: "text-2xl font-bold mb-6", children: "ZodForm with Radix Adapter" }), _jsx(ZodForm, { schema: userSchema, onSubmit: handleSubmit, defaultValues: {
                    name: '',
                    email: '',
                    age: 18,
                    subscribe: false,
                    role: 'user',
                }, className: "space-y-4" })] }));
}
export default ZodFormExample;