Avatar

An image element with a text fallback for a user or entity.

Updated 2026-06-04

Fallback

<Avatar>
  <AvatarFallback>RB</AvatarFallback>
</Avatar>

An image element with a text fallback for a user or entity.

Installation

railbase ui add avatar

Usage

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

<Avatar>
  <AvatarImage src="/me.png" alt="@me" />
  <AvatarFallback>ME</AvatarFallback>
</Avatar>

Anatomy

Exported parts: Avatar · AvatarImage · AvatarFallback