Vuance UI Kit

Form control

Rating

Pointer preview, fractional values, and local keyboard editing with one tab stop.

Playground

Configure the component and copy synchronized Vue code.

Interactive preview

Changes are reflected in the example and source.

Properties

Length

Step

Color

Item content

Clearable

Vue

<m-rating v-model="rating" :length="5" :step="1" color="primary" />

Token map

The manual manifest combines inherited token owners with local deltas.

MRating · All6 tokens
md-rating

MRating API

Props, slots, and events are generated from the current public kit contract.

MRating

Selection family
src/runtime/components/ui/rating

Props

NameTypeDefault
disabledPrevents interaction and applies the disabled visual state.
booleanfalse
loadingReplaces content with progress feedback and prevents interaction.
booleanfalse
readonly
booleanfalse
length
number5
step
number1
clearable
booleanfalse
icon
string'round-star'
emptyIcon
string'round-star-outline'
color
'primary' | 'secondary' | 'tertiary' | 'error''primary'
name
stringundefined
ariaLabel
string'Rating'

Slots

Events

@changenumber
@previewnumber | null