Skip to content

Implement contact form components #1843

@eunicode

Description

@eunicode

Dependency

Overview

Part of parent issue #1213

This issue covers building the form components and UX behavior (inputs, validation, error states, success message). Email integration will be handled separately.

Action Items

  • Add form fields based on Figma design (e.g., Name, Email, Message)
  • Implement client-side validation (required fields, valid email)
  • Add error and success states (inline + banner)
  • Show loading state on submit button
  • Ensure accessibility (labels, aria attributes)

Acceptance Criteria

  • Users can fill out form fields
  • Form prevents submission until all required fields are valid
  • Error messages appear for invalid input
  • Success state appears after mock submission (API integration later)

IF BLOCKING ANOTHER ISSUE:

Resources/Notes

Metadata

Metadata

Assignees

Labels

Projects

Status

New Issues for approval

Relationships

None yet

Development

No branches or pull requests

Issue actions