Components/Rating
Universal Component

Rating

Star rating input

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

Rating

Star rating control for feedback input.

Basic Usage

Rating

Select a score with half steps.

Demo will load when visible.
<script setup lang="ts">
import { ref } from 'vue'

const score = ref(3.5)
</script>

<template>
  <TxRating v-model="score" :precision="0.5" show-text />
</template>

Interaction Contract

Rating exposes the star group as a radio group. disabled and readonly both block updates; readonly is display-only and removes star button interaction while keeping the rating visible.

API (Lite)

PropertyTypeDefaultDescription
modelValueCurrent score
maxStarsTotal stars
precisionStep size
showTextShow score text
disabledDisable interaction
readonlyDisplay-only mode