The forms must have the following structure and use the tags that indicate the form sections.
The [form-input-type] tag indicates the type of field, the type can be:
- text
- textarea
- select
- radio
- checkbox
text, email and textarea
text, email and textarea only require a container [form-input-type] with auto layout and the placeholder [form-ph].
Select
You must use the following structure, it is important to add the options and hide them because they will be added to Bricks.
Radio
You must use the following structure, the circle check design depends on the browser.
Checkbox
You must use the following structure, the checkbox design depends on the browser.
If you are going to use the class workflow, you must add classes to the main element [form] contact {form-class}
PS: In the figma file you will find this ready-made structure that will save you time.