Avatar

Exibe a foto ou iniciais de um usuário.

Uso

<script setup lang="ts">
import { Avatar } from '@halfbyte/maka'
</script>

<template>
  <Avatar name="João Silva" src="https://exemplo.com/foto.jpg" />
</template>

Tamanhos

<Avatar size="xs" name="Extra Pequeno" />
<Avatar size="sm" name="Ana Beatriz" />
<Avatar size="md" name="Carlos Dias" />
<Avatar size="lg" name="Ester França" />
<Avatar size="xl" name="Gustavo Hora" />

Com imagem

<Avatar name="João Silva" src="https://exemplo.com/foto.jpg" alt="Foto do João" />

Props

Prop	Tipo	Padrão
size	"xs" | "sm" | "md" | "lg" | "xl"	"md"
src	string	—
name	string	—
alt	string	—