پرتوپرتو

آواتار (Avatar)

نمایش تصویر پروفایل کاربر با fallback

معرفی

کامپوننت Avatar برای نمایش تصویر پروفایل کاربران استفاده می‌شود.

استفاده

ASMH
import { Avatar, AvatarImage, AvatarFallback } from '@parto/ui';

export default function MyComponent() {
  return (
    <Avatar>
      <AvatarImage src="/avatar.jpg" alt="نام کاربر" />
      <AvatarFallback>م ا</AvatarFallback>
    </Avatar>
  );
}

ویژگی‌ها

  • نمایش تصویر با fallback اتوماتیک
  • پشتیبانی از اندازه‌های مختلف
  • شکل دایره‌ای پیش‌فرض