Components

Rating

A star rating input with hover preview, keyboard support and a hidden field for forms.

php artisan blatui:add rating

<x-ui.rating name="score" :value="3" />

Readonly

4.0 out of 5

<div class="flex items-center gap-2">
    <x-ui.rating :value="4" readonly />
    <span class="text-muted-foreground text-sm">4.0 out of 5</span>
</div>

Sizes

<div class="flex flex-col items-start gap-3">
    <x-ui.rating :value="3" size="sm" />
    <x-ui.rating :value="3" />
    <x-ui.rating :value="3" size="lg" />
</div>