Contact Form
A contact form with validation, accessible error messages and a simulated success state.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ContactFormProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onSubmit">
| Prop | Type | Default | Description |
|---|---|---|---|
| topics | string[] | defaultTopics | — |
| onSubmit | (values: ContactFormValues) => void | — | Called after the (simulated) submit delay |
Install
$ npx shadcn@latest add https://chromotion.dev/r/contact-form.json