Definition
The category is used to show a value using icons, i.e. the hotel category using stars.
Categories can go from half star up to full-five stars. Just make sure to add the values just like this:
c-rating .5
React
Razor
Open in new tabc-rating 3
React
Razor
Open in new tabc-rating 4.5
React
Razor
Open in new tabc-rating 5
React
Razor
Open in new tabSize modifiers
The size modifier changes the font size of the icons, increasing or decreasing it according to the font-size foundations.
Only the following sizes are allowed.
c-rating > c-rating--xs
React
Razor
Open in new tabc-rating > c-rating--s
React
Razor
Open in new tabc-rating > c-rating--l
React
Razor
Open in new tabc-rating > c-rating--xl
React
Razor
Open in new tabc-rating is-unresolved
The unresolved state is used when text is not yet ready, and needs to be resolved asynchronously.