Skip to content

Avatar

User avatar with fallback.

Import

tsx
import { ZAvatar } from "@zurto/ui";

Usage

tsx
<ZAvatar src="/user.jpg" alt="John Doe" />
<ZAvatar name="John Doe" /> {/* Shows initials */}

Props

PropTypeDefaultDescription
srcstringImage URL
namestringName for fallback
size'sm' | 'md' | 'lg' | 'xl''md'Avatar size

Released under the MIT License.