@php                                                
    $users = App\Models\User::take(3)->get();       
@endphp                                             
@foreach($users as $user)
    <x-list-item :item="$user" sub-value="username" link="/docs/installation" />
@endforeach

@php                                                        
    $user1 = App\Models\User::inRandomOrder()->first();     
@endphp                                                     
{{-- Notice `city.name`. It supports nested properties --}}
<x-list-item :item="$user1" value="other_name" sub-value="city.name" avatar="other_avatar" />

@php                                                
    $users = App\Models\User::take(3)->get();       
@endphp                                             
<!-- [tl! .docs-hide] --> @foreach($users as $user)
<x-list-item :item="$user" no-separator no-hover />
@endforeach                                         

@php                                                        
    $user1 = App\Models\User::inRandomOrder()->first();     
@endphp                                                     
<x-list-item :item="$user1">
    <x-slot:avatar>
        <x-badge value="top user" class="badge-primary badge-soft" />
    </x-slot:avatar>
    <x-slot:value>
        Custom value
    </x-slot:value>
    <x-slot:sub-value>
        Custom sub-value
    </x-slot:sub-value>
    <x-slot:actions>
        <x-button icon="o-trash" class="btn-sm" wire:click="delete(1)" spinner />
    </x-slot:actions>
</x-list-item>