UI Components

Rating

Cyber Week Mega Offer!

Huge discounts on all Hostinger plans

Use our referral link for an extra 20% off!

# Basic usage

@php
    // public int $rating = 3;
@endphp
 
<x-rating wire:model="rating" />

# Custom icon

<x-rating wire:model="rating2" icon="heart" />

# Total icons

<x-rating wire:model="rating3" total="3" />

# Size variants

<x-rating wire:model="rating4" sm />
<x-rating wire:model="rating5" md />
<x-rating wire:model="rating6" lg />
<x-rating wire:model="rating7" xl />
<x-rating wire:model="rating8" 2xl />