Check out our talk at Remix Conf!

Radio buttons

In this example, we render enum options in a radio button group.

const schema = z.object({
  role: z.enum(['Designer', 'Dev']),
  department: z.enum(['HR', 'IT']).default('IT'),
})

export default () => (
  <Form schema={schema} radio={['role', 'department']} />
)