The Uize.Widgets.ImagePort.Widget widget module supports a very simple interface with two state properties: value and maxValue.

The maxValue state property is used to specify the maximum possible number of stars that a rating can have, and the value state property is used to specify the number of rating stars for the current rating value.

EXAMPLE

var ratingStars = Uize.Widgets.RatingStars.Widget ({
  value:2.5,
  maxValue:5,
  size:'tiny'
});

In the above example, a rating stars widget is being created to display a two and half stars out of five rating at the 'tiny' size.

Below is a visual sampler of the Uize.Widgets.RatingStars.Widget class...

The Uize.Widgets.ImagePort.Widget module has comprehensive visual tests.