TwigcnBundle

Avatar

An image element with a fallback for representing the user.

Default

@shadcn

Sizes

User Small
User Default
User Large
User XL

Fallback

JD JS AB ?

With Text

shadcn

shadcn

@shadcn

JD

John Doe

john@example.com

Avatar Group

User 1 JD JS +3

Usage

<twig:Avatar src="https://example.com/avatar.jpg" alt="John Doe" />

<twig:Avatar alt="John Doe" />

<twig:Avatar fallback="JD" />

<twig:Avatar size="sm" src="..." alt="User" />
<twig:Avatar size="lg" src="..." alt="User" />
<twig:Avatar size="xl" src="..." alt="User" />