Quasar Rating is a Component which allows users to rate items, usually known as “Star Rating”.
/* * No installation step is necessary. * It gets installed by default by @quasar/app v2+. */
In the example below, when using the
icon-selected prop, notice we can still use
icon as well. The latter becomes the icon(s) when they are not selected.
When using the
color-selected prop, notice we can still use
color as well. The latter becomes the color(s) of the icons when they are not selected.
Floating number v1.7.4+
No dimming v1.7.4+
Notice how we can add tooltips to each icon in the example below.
Apart from the standard sizes below, you can define your own through the
Readonly and disable
Native form submit v1.9+
When dealing with a native form which has an
action and a
method (eg. when using Quasar with ASP.NET controllers), you need to specify the
name property on QRating, otherwise formData will not contain it (if it should):