Skip to content
Rating ⚠️ Experimental
The Rating component can be used imported from:
Playground
Parameters
Events
This component has events. Check the documentation about how to use the events.
Name | Payload | Description |
---|---|---|
@update:modelValue | number | Returns the new value of the model |
@restarted | void | Emitted on value reset |
@blur | void | Emitted on blur |
@validated | boolean | Emitted when the validation status changes |
Parameters use
Check the documentation about how to use the parameters.
modelValue
Attention!
If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.
The value
parameter is used to set the value of the rating.
Flags
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.
Browser support
Detected engine:
Chromium
Webkit
Gecko
CodeSandbox example
Sorry, not available yet ☹️