Rating

Updated on 24 April 2018

Docs are work in progress, check open issues and see how you can help!

Rating component is used to display Vinted member rating across application. The rating variates between 1 and 5 stars. In case of no rating, we are showing No Reviews label, however, in other cases we have an optional choice to include additional label such as Reviews Count.

No Reviews
50 reviews

Sizes

Default
50 reviews
Small
50 reviews

Specifications

$rating-default-size:                         unit(4);
$rating-default-label-margin-left:            unit(2);
$rating-default-star-spacing:                 unit(0.5);

$rating-small-size:                           unit(3);
$rating-small-label-margin-left:              unit(1);
$rating-small-star-spacing:                   unit(0.5);

// Text

$rating-default-text-type:                    'body';
$rating-small-text-type:                      'caption';

// Styling

$rating-filled-color:                         palette(cs2);
$rating-empty-color:                          palette(cg6);

API

name type default
size default / small default
value float (0-5) 0
text string ’’

Note: 0 means no reviews are present