Atelier UI

Search components…

Search components…

Contact Form

A contact form with validation, accessible error messages and a simulated success state.

Edit in sandbox

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">

PropTypeDefaultDescription
topicsstring[]defaultTopics—
onSubmit(values: ContactFormValues) => void—Called after the (simulated) submit delay

Install

$ npx shadcn@latest add https://chromotion.dev/r/contact-form.json

More like this