BaseRating

Rating component. This component renders a set of elements filled based on the value passed as prop.

Props

Name	Description	Type	Default
value	Numeric value used to calculates the width of the filled elements.	number
max	Maximum number of elements to paint.	number	5

Slots

Name	Description	Bindings (name - type - description)
empty-icon	The content to render as empty icon	None
filled-icon	The content to render as filled icon	None

Examples

This component receives a value as prop and renders a set of elements, which will be filled based on this value.

Basic usage

<BaseRating :value="5.23" />

Customizing its contents

<BaseRating :value="7.15" :max="10">
  <template #filled-icon>
    <TestIcon/>
  </template>
  <template #empty-icon>
    <TestIcon/>
  </template>
</BaseRating>