Avatar

User or object avatar with fallback initials.

Usage

<script setup>
import { ArchAvatar } from "@archora/ui";
</script>

<template>
  <ArchAvatar src="/team/ana.png" alt="Ana Silva" fallback="AS" size="lg" />
</template>

Live sandbox

Avatar can be tested directly on this page.

interactive

AU

<Avatar />

Props

Prop	Type	Default	Description
src	string	-	Image URL.
alt	string	-	Image alt text and accessible name.
fallback	string	"?"	Text shown when the image is missing or fails to load.
size	"sm" | "md" | "lg" | "xl"	"md"	Avatar size.