ComponentClient component

Avatar

An image avatar with a reliable textual fallback.

Installation

Preview

RVUI+4

Usage

tsx

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"

<Avatar>
  <AvatarImage src="/avatar.jpg" alt="Ada" />
  <AvatarFallback>AD</AvatarFallback>
</Avatar>

API reference

Prop	Type	Default	Description
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.