We now have an easy way to modify the look and field of the Microsurvey.
We have introduced a new tab that contains the ability to change the theme from light to dark mode or fully customize the colors.
Since our Microsurveys are built on Material UI (MUI), we are utilizing MUI themes. This allows MUI users to have the Microsurvey match your product's look and feel exactly.
An example of this running on Mondoo can be seen below. Their fake door is the azure integration:
In the future, we will allow full-on copy and pasting of your MUI theme object into this editor.
Microsurveys can be displayed to the user in 2 ways:
Again using Mondoo as an example, we are positioning the survey to the right of the fake door mockup.
When we started, we needed a survey component or product that we can fire off when someone interacts with a mockup. But none of the survey tools on the market had good integration APIs that we could use.
So we had to build our own.
But Microsurveys are not at the core of what we want to do. We just needed an easy way for PMs to ask their users some questions.
This is why we are open sourcing all our React Microsurvey Components.
This includes the following:
Do it yourself if you are a developer with a React App.
We will be writing a longer post about why we're open sourcing this. But for now, you can take a look at the code that will be running within your product here.