React + Vite + Opinbox Builder

Example project using Vite + React and creating surveys using (Opinbox Builder)[https://www.npmjs.com/package/opinbox-builder]

Setup

1. Create a new App with Vite + React

(Any other React setup will work too!)

pnpm create vite@latest

2. Install dependencies

Opinbox Builder

pnpm add opinbox-builder

SurveyJS

pnpm add survey-core survey-creator-core survey-react-ui

3. Add the Style

Import Opinbox-Builder styles into the index.css file

/* Import the Opinbox-Builder Styles */
@import "opinbox-builder/dist/style.css";

4. Start building Surveys!

npm run dev

5. Custom Expression

You can register custom expression to SurveyJS following the example in src/custom or by looking at the SurveyJS Docu

6. Custom Components

You can also register custom components to SurveyJS following the example in src/components/DummyComponent or by looking at the SurveyJS Docu

7. Run your survey

npm run preview