Select Field (TanStack Form)

A grouped select field with labelled option groups, wired to TanStack Form with Zod validation and submit feedback.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Select Field (TanStack Form) to your project and fits it to your theme.

import { TsfFields07 } from "@/components/ui/tsf-fields-07";

export default function DemoTsfFields07() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6">
      <TsfFields07 />
    </div>
  );
}