Skip to content
全部文档

Avatar Blade 组件

简介

avatar 组件用于渲染圆形或方形图片,常作为用户或实体的「头像」:

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

设置头像圆角

头像默认完全圆形,你可将 circular 属性设为 false 使其变为方形:

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

设置头像尺寸

默认情况下,头像为「中等」尺寸。可使用 size 属性将其设为 smmdlg

blade
<x-filament::avatar
    src="https://filamentphp.com/dan.jpg"
    alt="Dan Harrin"
    size="lg"
/>
不同尺寸的头像不同尺寸的头像

你也可以向 size 属性传入自定义尺寸类:

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