59 lines
1.3 KiB
Plaintext
59 lines
1.3 KiB
Plaintext
---
|
|
title: Rating
|
|
icon: star
|
|
---
|
|
|
|
The Rating input block allows you to ask your user for a rating.
|
|
|
|
<Tabs>
|
|
<Tab title="Flow">
|
|
<Frame>
|
|
<img
|
|
src="/images/blocks/inputs/rating-flow.png"
|
|
alt="Rating input in flow"
|
|
className="rounded-lg"
|
|
/>
|
|
</Frame>
|
|
</Tab>
|
|
<Tab title="Bot">
|
|
<Frame>
|
|
<img
|
|
src="/images/blocks/inputs/rating-bot.png"
|
|
alt="Rating input in bot"
|
|
className="rounded-lg"
|
|
/>
|
|
</Frame>
|
|
</Tab>
|
|
</Tabs>
|
|
|
|
The rating input is very customizable, you can set a custom range, numbers or a custom icon, and bottom labels.
|
|
|
|
## NPS
|
|
|
|
You could for example configure it so that it collects the Net promoter score:
|
|
|
|
<Tabs>
|
|
<Tab title="Flow">
|
|
<Frame style={{ maxWidth: '400px' }}>
|
|
<img
|
|
src="/images/blocks/inputs/nps-flow.png"
|
|
alt="NPS configuration"
|
|
className="rounded-lg w-12"
|
|
/>
|
|
</Frame>
|
|
</Tab>
|
|
<Tab title="Bot">
|
|
<Frame>
|
|
<img
|
|
src="/images/blocks/inputs/nps-bot.png"
|
|
alt="NPS in bot"
|
|
className="rounded-lg"
|
|
/>
|
|
</Frame>
|
|
</Tab>
|
|
</Tabs>
|
|
|
|
## Custom icon
|
|
|
|
To insert a custom icon, you'll need to insert SVG content. It should start with `<svg>` and end with `</svg>`. You can find great open-source icons on [Feather](https://feathericons.com/)
|