Contact Form
A contact form is a user interface component that enables direct communication by collecting user input through structured fields. It provides a simple, efficient method for users to send messages and inquiries.
Example Form
Contact Form Title goes here!
And here you can add an informative description to lead the users into filling out the form below.
Properties
Form | |
Header | Using the Header components, we only take advantage of its title and description. Therefore, the Link and Link Label can be ignored. |
Consent Label | The label provided with the checkbox which is required to toggle before submitting a form. |
Submit Label | The label on the submit button. |
Recipient Email | The email that will be receiving the form submissions. It is important that this email exists and you have access to it. |
Fields | A list of Single Lines, Text Areas or Dropdowns |
Field | |
Single Line | Single Lines in forms consist of the following: - Label: The label used above the text input. - Placeholder: The text shown in gray before a user starts writing in the input field. - Input type: It can either be "Text" (default), "Email" or "Phone Number" - Required: Toggle for controlling if a field should be required. |
Text Area | Text Areas in forms consist of the following: - Label: The label used above the text input. - Placeholder: The text shown in gray before a user starts writing in the input field. - Required: Toggle for controlling if a field should be required. |
Dropdown |