Example Form

A contact form showcasing form validation with Zod and proper accessibility patterns.

Installation

Usage

import { ExampleForm } from "@/components/example-form";

export default function ContactPage() {
  return (
    <div className="container py-10">
      <ExampleForm />
    </div>
  );
}

Features

• Zod Validation - Schema-based form validation
• Accessible - Proper ARIA attributes and error messages
• Loading States - Submit button shows pending state
• Error Display - Field-level error messages
• Card Layout - Clean presentation with Card component

Form Fields

Dependencies

• zod

Registry Dependencies

• button
• input
• label
• textarea
• card

Lineage