Survey
A component for user surveys, allowing multi-step flows and keyboard navigation. Supports single and multiple-choice selection, and short or long text inputs.
What is your favorite color?
Code Editor
Code Editor
Some fields have built-in validation. Custom regex is supported.
Input Validation
Code Editor
Use the prompt prop with SurveyModal to display a prompt to start the survey.
Code Editor
Use the promptWithToast prop to display the survey toast.
Code Editor
Use the hideIfAlreadySeen prop to prevent the survey modal from opening if the user has previously dismissed the survey toast or submitted the survey.
Code Editor
When you need a blocking network request prior to closing the modal.
Code Editor
Submitting to the built-in survey endpoint is as simple as using the `createSurveyEntry` helper.
Code Editor
Use the enableSkip prop to display an explicit Skip button on the first step.
Code Editor