Rating
daisyUI 5 rating（遮罩 + 单选框）包装器。星形 / 心形 / 圆形，半星（half=true），只读模式。每个演示 name 属性必须唯一以隔离单选框组。
default デフォルト (max=5, size=md, color=warning, shape=star, value=0)
<x-rating name="rating-default" />value variants — 0 / 1 / 2 / 3 / 4 / 5
value=0
value=1
value=2
value=3
value=4
value=5
<x-rating name="rating-value-3" :value="3" />size variants — xs / sm / md / lg / xl
size=xs
size=sm
size=md
size=lg
size=xl
<x-rating name="rating-size-lg" size="lg" :value="3" />color variants — warning (default) / primary / secondary / accent / info / success / error
color=warning
color=primary
color=secondary
color=accent
color=info
color=success
color=error
<x-rating name="rating-color-primary" color="primary" :value="4" />half=true — 0.5 刻みで星を半分塗れる
value=2.5
value=3.5
value=4.5
<x-rating name="rating-half-2_5" :value="2.5" :half="true" />shape variants — star (default) / heart / circle
star
heart
circle
<x-rating name="rating-heart" shape="heart" color="error" :value="3" />
<x-rating name="rating-circle" shape="circle" color="primary" :value="3" />readonly — 表示専用 (form クリック不可)
value=4 (固定)
<x-rating name="rating-readonly" :value="4" :readonly="true" />combination — heart + lg + half (value=3.5)
<x-rating
name="rating-combo"
shape="heart"
size="lg"
color="error"
:value="3.5"
:half="true"
/>使い方
{{-- 基本 --}}
<x-rating name="review" :value="4" />
{{-- size / color --}}
<x-rating name="review" size="lg" color="primary" :value="3" />
{{-- 半分星 (0.5 刻み) --}}
<x-rating name="review" :value="3.5" :half="true" />
{{-- 形状を変える --}}
<x-rating name="like" shape="heart" color="error" :value="5" />
{{-- 表示専用 --}}
<x-rating name="display" :value="4" :readonly="true" />
{{-- max を変える --}}
<x-rating name="ten" :max="10" :value="7" />注意
name属性は必須。同一ページに複数の rating を置く場合は必ず unique にする (radio group が衝突して単一選択になる)。- 半分星 (
:half="true") はvalueを 0.5 刻みで指定。各星が 2 つの radio (mask-half-1/mask-half-2) に分割される。 readonly=trueは radio にdisabled属性を付与する。form 送信時は別途 hidden input で値を送ること。