Skip to content

Feature added: Contact form with subject and message fields

Mohd Uwaish requested to merge feat/contact-form into main

This merge request migrates the contact form component of the Neologie website. The key features include:

  1. Subject Field:

    • Includes a pencil icon on the left side of the input field
    • The field is required and has a placeholder of "Betreff"
    • The field spans the full width of the form
  2. Message Field:

    • The message field is a textarea with a minimum height of 200px
    • The field is required and has a placeholder of "Ihre Nachricht"
    • The field also spans the full width of the form
  3. Submit Button:

    • The submit button has a paper airplane icon in the middle of it.
    • The button spans the full width of the form
  4. Styling:

    • The form is centered on the page with a maximum width of 2xl (1200px)
    • The form is padded on the left and right by 8 and 16 respectively
    • The form is placed inside a white (or dark mode black) card with rounded corners and a drop shadow
  5. Accessibility:

    • The form and input fields have proper ARIA labels for screen readers
    • The heading for the form has an id that is referenced by the aria-labelledby attribute on the form.
  6. Error Handling:

    • Form validation is yet to be implemented.

Task: #52231 - Migrate Contact form and BDNPrint

Merge request reports

Loading