Rating stars component that supports half stars
This component is deprecated! Please use the new Rating stars instead.
Old component won’t get updates unless extraordinary circumstances require otherwise → reach out to our PO to discuss it.
New component should always be used unless extraordinary circumstances require otherwise → reach out to our PO to discuss it.
If you are looking to migrate this component and require help, reach out to the #ask-design-system Slack channel.
tk-rating-stars is displaying it as part of tester vitals. Check its docs for full reference.
<tk-rating-stars rating="3">
</tk-rating-stars>Any value between 0 and 5 is supported. Half stars are only supported in read-only mode.
<tk-rating-stars readonly="true" rating="0.5">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="1">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="1.5">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="2">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="2.5">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="3">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="3.5">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="4">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="4.5">
</tk-rating-stars>
<tk-rating-stars readonly="true" rating="5">
</tk-rating-stars>Any value between 0 and 5 is supported. Use a .5 decimal point to render half stars.
| Property | Default | Description |
|---|---|---|
rating | undefined | Renders the component with a pre-filled value |
readonly | false | Renders the component in read-only mode (giving a rating won’t be possible) |
| Name | Description |
|---|---|
starRatingChanged | Emits whenever a star gets selected |
| Name | Arguments | Description |
|---|---|---|
getValue() | - | Returns current rated value |