> For the complete documentation index, see [llms.txt](https://help.appybuilder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.appybuilder.com/components/reference/user-interface/ratingbar.md).

# RatingBar

A RatingBar is a component that shows a rating in stars. The user can touch/drag or use arrow keys to set the rating:

![](/files/-L9BuS4uhAAqSia3LRPv)

This is a User Interface component that can be added to screen layout. It contains default properties such as number of stars, the current selection, color, etc:

![](/files/-L9BuS5Cg_6zAetJi_4F)

For this tutorial, as shown above, we are setting defaults NumStars to 5, a start-up Rating of 4.5, StepSize of .5 (half stars selection) , StarColor of Red, and AllowSelection to true, allowing user to touch & drag & select number of stars for rating.

## Blocks

Event block AfterSelecting gets triggered when user touches and drags the stars. As dragging is done, this block will return the Rating (number of stars) selected.

![](/files/-L9BuS5OA05R_KO68ttG)

In this event-block, we can add other blocks to display additional information:

![](/files/-L9BuS5X1gAwtxGSfwSn)

This component includes many other blocks that can be used to programatically set or update the component settings:

![](/files/-L9BuS5iEHLd2OAvRF_b)