---
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/)
