mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 23:32:54 +01:00
53f0d6320e
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
31 lines
889 B
Markdown
31 lines
889 B
Markdown
---
|
|
title: Rating
|
|
hide_title: true
|
|
---
|
|
|
|
# Rating
|
|
|
|
A UI component for selecting a rating from 1 to 5 with stars. Adding more starts or a different scale can easily be modified in the component. This UI component uses the **Icon node** to show the stars, and can be changed to other icons as well like hearts, smileys, etc. if preferred.
|
|
|
|
<div className="ndl-image-with-background l">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
After cloning the prefab you will see a logic component called **Rating** in your project. Place it into the dom-tree to render it.
|
|
|
|
You can both set a rating to be displayed via the **Rating Input**, and get the selected rating from the **Rating Output** as shown on the image below.
|
|
|
|
The **Rating** output is a number between 1-5 by default.
|
|
|
|
<div className="ndl-image-with-background xl">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|