Build intuitive apps that your customers will love

import { FormDialog } from '@saas-ui/forms/zod'
import * as z from 'zod'

const schema = z.object({
  name: z.string().nonempty({
    message: 'Please enter a name
  }),
})

export const CreateProject = (props) => {
  return (
    <FormDialog
      title="Create project"
      defaultValues={{
        name: '',
      }}
      schema={schema}
      fields={{
        name: {
          label: 'Name',
          help: 'Choose a cool name for this project',
        }
      }}
      {...props}
    />
  )
}