Check out our talk at Remix Conf!

Input types

In this example, we'll edit the input type of multiple fields without having to pass children to Form.

const schema = z.object({
  email: z.string().min(1).email(),
  password: z.string().min(8),
  favColor: z.string(),
})

export default () => (
  <Form
    schema={schema}
    inputTypes={{
      email: 'email',
      password: 'password',
      favColor: 'color',
    }}
  />
)