Form

import {
  Form,
  FormField,
  FormLabel,
  FormControl,
  FormMessage,
  FormSubmit,
} from "@/components/ui/form";

<Form>
  <FormField name="email" serverInvalid>
    <FormLabel>Email</FormLabel>
    <FormControl>
      <Input type="email" required />
    </FormControl>
    <FormMessage>Please enter a valid email.</FormMessage>
  </FormField>
  <FormSubmit asChild>
    <Button type="submit">Submit</Button>
  </FormSubmit>
</Form>;