Skip to content

[COMPONENT] Contact Us UI Component #37

@westonz7042

Description

@westonz7042

Figma

Image

Want a component that allows users to input contact information. This issue is only the UI component, so the send button should not actually make the contact request.
However, you can still create a handle function and perform some validation in the frontend to check the input fields:

  • Required fields should be non-empty
  • Email should contain an '@' character
  • Full name should have at least one space

You can come up with other checks too.
Can check out my PR from last year for a similar contact request feature.

Note that there are also UIs for valid and invalid requests:
Valid request:
Image

For Invalid requests, check out the user flow on Figma. Note that the "I'm interested in becoming..." selection is optional.

For this PR:

  • Show the component appearing according to the Figma
  • Show that a valid request displays the approved UI and that an invalid request displays the error message

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions