Premier League table 2022

Team Points
Liverpool 100
Ansenal 120
Tottenham 134
  • Parameters
  • View
  • HTML
  • Assets
@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