Example Forms

Components

Example Form / Submit / Horizontal
This is input caption text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Example Form / Submit / Vertical
This is input caption text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Example Form / Sign in
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Example Form / Sign up
Already have an account?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Example Form / Message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

arrow_upward