Building a Rating Component with Livewire v4
February 01, 2026
•
1 min read
•
10 views
Build an interactive rating component.
Component
@php
new class extends Livewire\Component {
public int $rating = 0;
public int $hoverRating = 0;
public int $ratableId;
public string $ratableType;
public function setRating(int $value): void
{
$this->rating = $value;
Rating::updateOrCreate(
['user_id' => auth()->id(), 'ratable_id' => $this->ratableId],
['value' => $value]
);
}
}
@endphp
@for($i = 1; $i <= 5; $i++)
@endfor
Related Posts
Introduction to Livewire v4: The Future of Laravel Full-Stack Development
Discover what's new in Livewire v4 and why it's a game-changer for Laravel developers.
Single-File Components in Livewire v4: The View-First Approach
Learn how to create single-file components with the new .wire.php extension.
Multi-File Components (MFC) in Livewire v4
Organize complex components with the new multi-file component structure.
Comments (0)
No comments yet. Be the first to comment!