| Team | Points |
|---|---|
| Liverpool | 100 |
| Ansenal | 120 |
| Tottenham | 134 |
@props(['data' => [], 'year', 'icons' => false])
<div data-module="ds-premier-league-table">
<h4>Premier League table {{ $year ?? '' }}</h4>
<table class="table-auto">
<thead>
<tr>
<th>Team</th>
<th>Points</th>
</tr>
</thead>
<tbody>
@foreach ($data['results'] as $result)
<tr>
@if($icons)
<td>
{{-- <x-icon name="home" xs /> --}}
</td>
@endif
<td>{{ $result['team'] }}</td>
<td>{{ $result['points'] }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
Edit markup
<x-premier-league-table />
.ds-premier-legue-table {
@apply bg-white
}
Edit CSS