Skip to content

Rating - Web Component

...

Browser support

Parameters

The Web component uses a <z-rating> tag.

The parametrization of the component can be done with the following custom HTML params:

NameTypeDescription
valuenumberThe current score of the rating. It can be a number between 0 and 5.
readonly
(optional)
booleanIf `true`, the rating will be displayed as a score.
disabled
(optional)
booleanBlocks the interaction with the input component.
show-score
(optional)
booleanIf `true`, the rating will be displayed with a score.

The events emitted from the component are:

NamePayloadDescription
onchangenumberReturns the new value of the "value" attribute

Playground

Customization

HTML Examples

Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/rating.js"></script>
Code
html
<z-rating></z-rating>