@doboid/form v0.0.12

What is @doboid/form?

doboid form is a TINY, zero dependencies*, TYPE-SAFE form state management library for react.

Example

function SimpleForm() {
  const { Fields, ...dorm } = useForm({
    defaultValues: {
      email: '',
      age: 0,
    },
    validators: z.object({
      email: z.string().email().max(11),
      age: z.number().max(3),
    }),
  });

  return (
    <form onSubmit={dorm.onSubmit((values) => console.log('success', values))}>
      <Fields.Email
        children={(field) => (
          <div>
            <input {...field.attr} type="email" />
            {field.errors.map((e) => (<div key={e}>{e}</div>))}
          </div>
        )}
      />

      <Fields.Age
        children={(field) => (
          <div>
            <input {...field.attr} type="number" />
            {field.errors.map((e) => (<div key={e}>{e}</div>))}
          </div>
        )}
      />

      <button type="submit">submit</button>
      <button type="button" onClick={dorm.reset}>reset</button>
    </form>
  );
}