Компонент Avatar

Использование

Avatar очень похож на Image. Он представляет из себя круглое изображение и полностью игнорирует метод fit() - остальные же методы остаются валидными.

use Czernika\OrchidImages\Screen\Components\Avatar;

Avatar::make('user.avatar')
    ->size(200)
    ->placeholder(asset('/img/no-avatar.jpg')),

Дефолтный размер аватара 3rem.

Опции

Note

Большинство опций такие же, как и для Image.

Alt

Смотрите alt для Image.

Размер

Смотрите size для Image.

Плейсхолдер

Смотрите placeholder для Image.

Источник

Смотрите src для Image.

Значок

Avatar может отображать значок - маленькая иконка в верхнем углу. Он меняет свои размеры вместе с размерами аватара.

Чтобы передать значение, используйте метод badge().

Avatar::make('user.avatar')
    ->badge(15),

Также можно передать функцию, однако использование такого метода спорно.

Avatar::make('user.avatar')
    ->badge(fn () => 15),

Avatar::make('user.avatar')
    ->badge(fn ($repository) => 15),

В качестве параметра функция принимает или модель Attachment, или строковое значение, или вовсе null в зависимости от того, что вы передали (или нет) в компонент.

Если нужно скрыть значок для некоторых значений (например, 0), передайте false в качестве значения.

Avatar::make('user.avatar')
    ->badge(fn () => $user->hasNotifications() ? $user->notifications_count : false),

Цвет значка

Можно сменить цвет значка согласно цветовой схеме Orchid, используя помощник Orchid\Support\Color - просто передайте его в метод badgeType().

Avatar::make('user.avatar')
    ->badge(3)
    ->badgeType(Color::DANGER),