Retroui Svelte
Github

Avatar

An image element with a fallback for representing the user.

Docs API Reference Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/avatar.json


Usage

		<script lang="ts">
  import * as Avatar from "$lib/components/ui/avatar/index.js";
</script>
 
<Avatar.Root>
		<Avatar.Image src="https://github.com/shadcn.png" alt="@shadcn" />
		<Avatar.Fallback>CN</Avatar.Fallback>
</Avatar.Root>