Avatar
bella53
bella53
Whitney
@php $user = App\Models\User::first();@endphp <x-avatar :image="$user->avatar" /> {{-- Manipulate avatar imagem with CSS classes --}}<x-avatar :image="$user->avatar" class="!w-14 !rounded-lg" /> {{-- Title --}}<x-avatar :image="$user->avatar" :title="$user->username" /> {{-- Subtitle --}}<x-avatar :image="$user->avatar" :title="$user->username" :subtitle="$user->name" class="!w-10 " />
Slots
bella53
12 posts
45 comments
@php $user = App\Models\User::first();@endphp <x-avatar :image="$user->avatar" class="!w-24"> <x-slot:title class="text-3xl pl-2"> {{ $user->username }} </x-slot:title> <x-slot:subtitle class="text-gray-500 flex flex-col gap-1 mt-2 pl-2"> <x-icon name="o-paper-airplane" label="12 posts" /> <x-icon name="o-chat-bubble-left" label="45 comments" /> </x-slot:subtitle> </x-avatar>
maryUI
Sponsor