Browse components

ContactForm

Name, email, message and a subscribe checkbox, ready to wire up with onsubmit.

molecules

Live example

Default usage you can copy and adapt.

Basic Contact Form

Simple contact form with standard fields

Get in Touch

With Custom Handler

Contact form with custom submission handler

Get in Touch

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
onsubmit(event: SubmitEvent) => voidNo—Runs on submit. The fields are markup, not a prop.
classstringNo—Extra classes for the form element.