Form

npm i junco @junco/tailwind react-hook-form zod @hookform/resolvers

import { Form, FormField, FormSubmit, FormRootError, useForm } from "junco/form";

import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";
import { Input } from "junco";

const schema = z.object({ email: z.email("Enter a valid email") });

function Signup() {
  const form = useForm({ resolver: zodResolver(schema), defaultValues: { email: "" } });
  return (
    <Form form={form} onSubmit={save}>
      <FormField name="email" label="Email" description="We never share it.">
        <Input type="email" />
      </FormField>
      <FormSubmit>Save</FormSubmit>
    </Form>
  );
}