Docs
Avatar
Avatar
An image element with a text fallback for profile images.
AX
Installation
npm install @brudi/react-avatarUsage
import { Avatar } from '@brudi/react-avatar'<Avatar src="https://i.pravatar.cc/150?u=AX" fallback="AX" />With Children
You can customize the Avatar by passing the image and/or fallback yourself.
<Avatar>
<AvatarImage src="https://i.pravatar.cc/150?u=AX" alt="@axltd_ch" />
<AvatarFallback>AX</AvatarFallback>
</Avatar>Customization
npx @brudi/ui extend avatar