mxkaske
Home·Craft·Brew

Feedback Popover

July 2025·1 min read·

The Feedback Popover is inspired by Resend's feedback form. Designed with ui.shadcn.

Install the @types/dom-speech-recognition types package to get the SpeechRecognition type.

npm install --save-dev @types/dom-speech-recognition

Exchange const [status, setStatus] = useState<Status>("idle"); with your own actions to send the feedback to your slack channel e.g.

Depending on the location of the popover, you might need to adjust the align and/or side prop of the PopoverContent component.