Livewire Components

Avatar

An image element with a fallback for representing the user.

@shadcn CN 
<x-avatar>
    <x-avatar.image
        src="https://github.com/shadcn.png"
        alt="@shadcn"
    />
    <x-avatar.fallback>CN</x-avatar.fallback>
</x-avatar>

Installation

php artisan vendor:publish --tag=avatar --force

Usage

<x-avatar>
    <x-avatar.image src="https://github.com/shadcn.png" />
    <x-avatar.fallback>CN</x-avatar.fallback>
</x-avatar>