Avatar
An image element with a fallback for representing the user.
Installation
npx shadcn@latest add https://spoke.georgedrury.co.uk/r/avatarLineage
Anatomy
import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar"
export default () => (
<Avatar>
<AvatarImage />
<AvatarFallback />
</Avatar>
)Spoke utility classes
| Class | Fallback chain | Description |
|---|---|---|
--avatar-radius | 9999px | Border radius for avatar |
--avatar-fallback | var(--muted) | Colour for fallback avatar variant |