Studiov1.2.3
Studio/Patterns/Form Section

Form Section

Content

Contact or signup form section with field layout, validation feedback, and submission CTA. Suitable for contact pages, lead capture, and onboarding flows.

All patterns
Use Cases
  • Contact pages with name/email/message
  • Newsletter or waitlist signup forms
  • Investment inquiry forms (PRT)
  • Onboarding intake flows
Do
  • Label every field clearly above the input
  • Show inline validation errors below the field
  • Disable the submit button during submission
  • Provide a success confirmation after submission
Avoid
  • Place more than 6 fields in a single-column form
  • Use placeholder text as the only label
  • Clear the form on validation error
  • Submit without client-side validation
Reference component: FormSectionVariants: 2Token bindings: 7