Components

Rating

A star control for capturing a score.

Usage

Basic

HTML

<bs:bsui-rating max="5" defaultValue="4" />

Ten point scale

More than the usual five stars, for a wider survey range.

HTML

<bs:bsui-rating name="score" max="10" defaultValue="7" />

Awaiting input

Starting empty inside a field, with the scale explained underneath.

How was your support experience?

One star is poor, five stars is excellent.

HTML

<bs:bsui-field>
  <bs:bsui-field-label text="How was your support experience?" />
  <bs:bsui-rating name="support_rating" max="5" defaultValue="0" />
  <bs:bsui-field-description text="One star is poor, five stars is excellent." />
</bs:bsui-field>

Read only

A disabled rating reports a score instead of collecting one.

HTML

<bs:bsui-rating max="5" defaultValue="4" disabled="true" />

Attributes

Attribute	Type	Default
`name`	`text`	—
`max`	`number`	`5`
`defaultValue`	`number`	`0`
`disabled`	`toggle`	`false`
`nameAlt`	`text`	—
`onChange`	`text`	—
`value`	`text`	—