DoWellScale

DowellScale provides wide range of UI features based on scale types.

Installation

Install the package with npm

  npm install @dowelllabs/dowellscale

Importing

import {RatingScale} from "@dowelllabs/dowellscale"

Demo

RatingScale accepts properties based on the scale types.

we have 4 different scale types.

1.nps scale type

   <RatingScale
     workspace_id=your_workspace_id
     username=your_username
     scale_name=your_scale_name
     no_of_responses= no_of_responses you need
     buttonColor=buttonColor of your choice
     scale_type="nps"
    />

Note:-All the above parameters are strings.

This scale provides ratings ranging from 0-10,once user clicks on the button the response will get submitted.

2.nps_lite scale type

   <RatingScale
     workspace_id=your_workspace_id
     username=your_username
     scale_name=your_scale_name
     no_of_responses= no_of_responses you need
     buttonColor=buttonColor of your choice
     scale_type="nps_lite"
    />

This scale provides three buttons as shown.

3.likert scale type

   <RatingScale
     workspace_id=your_workspace_id
     username=your_username
     scale_name=your_scale_name
     no_of_responses= no_of_responses you need
     buttonColor=buttonColor of your choice
     scale_type="likert"
     pointers={2} or {3} or {4} or {5} or {7} or {9}
    />

likert scale type accepts an extra property named pointers which is of type number.

Buttons will be dynamically displayed based on the data inside the pointers

2 pointers:-

3 pointers:-

4 pointers:-

5 pointers:-

7 pointers:-

9 pointers:-

Note:-These buttons are designed to adapt to all screen sizes. On smaller screens, only emojis are displayed. However, hovering over an emoji will reveal the corresponding content on the screen.

4.stapel scale type

   <RatingScale
     workspace_id=your_workspace_id
     username=your_username
     scale_name=your_scale_name
     no_of_responses= no_of_responses you need
     buttonColor=buttonColor of your choice
     scale_type="stapel"
     axis_limit={5}
    />

Note:-stapel scale type accepts an extra property named axis_limit which is of type number.It ranges from 1 to 5

It will generate buttons ranging from -ve to +ve

If axis_limit is 5 then

Note:-The "Number of responses" refers to the maximum number of responses that can be submitted. If this limit is exceeded, further responses will no longer be accepted. **If buttoncolor is not provided, the default color will be generated as shown above.