نمایشیAvatar
آواتار
نمایش تصویر پروفایل یا حروف اول نام
پیشفرض
آواتار با تصویر و متن جایگزین
مع
<Avatar>
<AvatarImage src="/avatar.jpg" />
<AvatarFallback>م</AvatarFallback>
</Avatar>
<Avatar>
<AvatarFallback className="bg-primary text-primary-foreground">ع</AvatarFallback>
</Avatar>نصب دستی
وابستگیها
برای استفاده از Avatar، باید این بستهها را نصب کنید:
npm install @radix-ui/react-avatarکد زیر را میتوانید در پروژه خود کپی کنید تا Avatar را به صورت دستی اضافه کنید:
نمونههای بیشتر
اندازهها
آواتار در اندازههای مختلف
کمب
با وضعیت
آواتار همراه با نشانگر آنلاین - استفاده از start برای RTL
آ
ب