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.

NamePayloadDescription
onChangenumberReturns the new value of the model
onRestartedvoidEmitted on value reset
onBlurvoidEmitted on blur
onValidatedbooleanEmitted when the validation status changes

Parameters use

Check the documentation about how to use the parameters.

model

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 ☹️