Contact Components

Contact Components

Support dialog and feedback popover components for user communication

Our application comes with two components that allow users to contact you.

ContactSupportDialog

This component displays a modal with a form to contact support.

<ContactSupportDialog />

By default, a button with the text "Contact support" is displayed.

You can customize the button or trigger area by passing child content:

<ContactSupportDialog>
  <button>Need help?</button>
</ContactSupportDialog>

When the form is submitted, an email is sent to the address defined in the NEXT_PUBLIC_EMAIL_CONTACT environment variable
A toast "Your message has been sent." is displayed on success
An error toast is displayed on failure
The modal closes automatically after a successful submission

This component displays a button that opens a popover allowing users to quickly give feedback on the application.

<ContactFeedbackPopover />

<ContactFeedbackPopover>
  <button>Give us your feedback</button>
</ContactFeedbackPopover>