An image element with a fallback for representing the user.
<script lang="ts"> import * as Avatar from "$lib/components/ui/avatar"; </script> <Avatar.Root> <Avatar.Image src="https://github.com/shadcn.png" alt="@shadcn" /> <Avatar.Fallback>CN</Avatar.Fallback> </Avatar.Root>
npx shadcn-svelte@latest add avatar
On This Page