Laravel Rating Component
Free · MITAn interactive star rating component with support for readonly display, custom max values, sizes, and colors.
A Rating built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4.
Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag:
<x-aura::rating>
Installation
composer require bluestarsystem/aura-uiUsage
<x-aura::rating :value="3" />See the full API, props and live examples in the Rating documentation.
Overview
The <x-aura::rating> component renders a star-based rating input. It can be used as an interactive input or a readonly display. It supports configurable maximum stars, multiple sizes and color variants, and integrates with Alpine.js for reactivity.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value |
int|float |
0 |
Current rating value. |
max |
int |
5 |
Maximum number of stars. |
size |
string |
'md' |
Star size: sm, md, lg. |
readonly |
bool |
false |
When true, stars are not interactive. |
color |
string |
'warning' |
Color variant: warning, primary, danger, success. |
See more examples and every variant in the Rating documentation.