Rating - Web Component
Browser support
Detected engine:
Chromium
Webkit
Gecko
Parameters
The Web component uses the <z-rating> tag:
The parametrization of the component can be done with the following custom HTML params:
| Name | Type | Description | Slot |
|---|---|---|---|
value | number | The current score of the rating. It can be a number between 0 and 5. | |
readonly(optional) | boolean | If `true`, the rating will be displayed as a score. | |
disabled(optional) | boolean | Blocks the interaction with the input component. | |
show-score(optional) | boolean | If `true`, the rating will be displayed with a score. |
The events emitted from the component are:
| Name | Payload | Description |
|---|---|---|
onchange | number | Returns the new value of the "value" attribute |
onrestarted | void | Emitted on value reset |
value
The value parameter is used to set the value of the rating.
readonly
The readonly parameter is used to set the rating in a read-only state.
disabled
The disabled parameter is used to block the interaction with the component.
show-score
The show-score parameter is used to display the score of the rating.