Form Components

Forms are one of the most important types of interaction with a website or app. Since their aim is to enable users to make a purchase, subscribe to a service or sign up to create an account, it’s important to make sure they are easy to complete and help increase conversion rates. Use the available elements to create forms which are well-structured and user-friendly.

This is a placeholder page. Replace it with your own content.

This is the section landing page.


Form Elements

Forms are one of the most important types of interaction with a website or app. Since their aim is to enable users to make a purchase, subscribe to a service or sign up to create an account, it’s important to make sure they are easy to complete and help increase conversion rates. Use the available elements to create forms which are well-structured and user-friendly.

Form Helpers

A form helper can be used to provide users with additional information about the elements of a form that may be unclear.

Image Check

Add an image check to your form and give users visually attractive options to choose from.

Validation States

To inform users whether the entered value is correct or not, use either of the validation states. Thanks to that, users will immediately know which form elements they need to correct and, if the state displays as invalid, why the value is incorrect.

Last modified March 13, 2022: Added the entire seeder code (f8c545e)