Avatar

Display user profile images or initials in a circular or rounded format.

tsx

import { Avatar } from '@xdev-asia/x-ui-react';

Examples

JD

JS

BW

Props

src - Image URL
fallback - Initials fallback when image fails
size - 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
status - 'online' | 'offline' | 'away' | 'busy'
rounded - Make avatar rounded (default: true)
bordered - Show border