Аватар

Alixan UI өлшемдері мен card түстері бар дөңгелек пайдаланушы суреті немесе инициалдар.

Орнату

npx alixan-ui-nuxt add avatar

Қолдану

<div class="flex items-center gap-3">
  <Avatar name="Alixan UI" size="sm" />
  <Avatar name="Alixan UI" />
  <Avatar name="Alixan UI" size="lg" />
  <Avatar name="Alixan UI" img="/examples/contact-avatar.webp" size="lg" />
</div>

API анықтамасы

Қасиет	Түрі	Әдепкі	Сипаттама
name	string	''	Сурет берілмегенде инициалдарды жасау үшін қолданылатын пайдаланушы аты.
img	string	-	Аватар суретінің қосымша URL мекенжайы. Берілсе, инициалдардың орнына сурет көрсетіледі.
alt	string	-	Суреттің қолжетімді сипаттамасы. Әдепкіде аты қолданылады.
size	'sm' \| 'md' \| 'lg'	'md'	Аватар диаметрі мен инициалдар мәтінінің өлшемін басқарады.