Skip to content

[핵심개념.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 속성을 사용하여 sm, md, 또는 lg 중 하나로 크기를 설정할 수 있습니다:

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"
/>

나를 위한 문서 한글화