Rate

Matches Arco Rate with gold selected stars and themed spacing. See the Element Plus docs for props.

Rating & Disabled

Click stars to rate, allow-half permits half stars and disabled makes the rating read-only.

4

<script setup lang="ts">
import { ref } from 'vue'
const value = ref(3.5)
</script>

<template>
  <el-rate v-model="value" allow-half />
  <el-rate :model-value="3" size="small" />
  <el-rate :model-value="4" disabled show-score />
</template>

Differences from Arco

• Unselected stars use Element Plus outline icons; void-icon can replace them.