公告: 旧版文档请移步 -> http://v2.laravel-filament.cn/docs

Languages

Version

Theme

Core Concepts - Blade Components

Avatar Blade component

Overview

The avatar component is used to render a circular or square image, often used to represent a user or entity as their "profile picture":

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
/>

Setting the rounding of an avatar

Avatars are fully rounded by default, but you may make them square by setting the circular attribute to false:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
:circular="false"
/>

Setting the size of an avatar

By default, the avatar will be "medium" size. You can set the size to either sm, md, or lg using the size attribute:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
size="lg"
/>

You can also pass your own custom size classes into the size attribute:

<x-filament::avatar
src="https://filamentphp.com/dan.jpg"
alt="Dan Harrin"
size="w-12 h-12"
/>
Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion

上一页
Overview