Contact Form
Figma Component: tbd
Last modified with commit 74094e5 on
by Martin Jagodic.
The Contact Form component provides a form for visitors to submit inquiries or messages. Includes input fields for name, email, message, and optional additional fields with validation and submission handling.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display form fields | Shows input fields for name, email, subject, message, and optional additional fields. Displays labels and placeholder text. |
| system | Validate input | Validates required fields and email format before allowing submission. Shows error messages for invalid inputs. |
| system | Handle submission | Displays loading state during submission. Shows success message on successful submission or error message on failure. |
| editor | Configure form fields | Set which fields are required, add optional custom fields, configure recipient email address and success message. |
| user | Complete and submit form | Fill in form fields and click submit button. Receives feedback on submission success or errors. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |