Skip to content

Survey Modal

A modal for user surveys, allowing multi-step flows and keyboard navigation. Supports single and multiple-choice selection, and short or long text inputs.

Code Editor
Code Editor

Some fields have built-in validation. Custom regex is supported.

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.