Aspyn

Form

react-hook-form wiring with accessible errors.

shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026
SourceMarkdown

Installation

import {
  Form,
  FormField,
  FormItem,
  FormLabel,
  FormControl,
  FormDescription,
  FormMessage,
} from "@aspyn-io/kit";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";

Validated profile form

react-hook-form + zod, with labels, descriptions, and errors wired for accessibility automatically (aria-describedby, aria-invalid, error announcement). Submit empty to see validation.

Shown on your profile and in mentions.

Notes

  • FormControl works with any kit input via Slot: Input, Textarea, Select triggers, Checkbox, Switch.
  • Field names follow Aspyn API conventions: snake_case (display_name), so payloads map 1:1.
  • Install peer deps in your app: react-hook-form is bundled; add zod + @hookform/resolvers for schema validation.