sunweb

rating

component score rating

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

Loading...
c-rating 3

React

Loading...
c-rating 4.5

React

Loading...
c-rating 5

React

Loading...

Size 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

Loading...
c-rating > c-rating--s

React

Loading...
c-rating > c-rating--l

React

Loading...
c-rating > c-rating--xl

React

Loading...
c-rating is-unresolved

The unresolved state is used when text is not yet ready, and needs to be resolved asynchronously.

React

Loading...