Rating Stars

figma:ready
scss:ready
freemarker:ready
vue:ready
webComponent:ready

Anatomy

presentation-ratingstars

Properties

Stars sizes

Size nameWidth and height
Small16px (1mu)
Medium (Default size)24px (1.5mu)
Large32px (2mu)
ExtraLarge40px (2.5mu)

Colors

Three colors are used to differentiate the state of the stars:

Star stateToken
Emptycolor.star.emtpy
Hovercolor.star.hover
Fullcolor.star.full
Focuscolor.star.focus (use only for the color of the border)