Saaj UI

Avatar

Profile picture, user initials or fallback icon.

Installation

npx saaj add avatar

Usage

import { Avatar } from '@/components/ui/avatar';
 
export function AvatarDemo() {
  return (
    <Avatar>
      <Avatar.Image src="https://avatar.iran.liara.run/public?username=John+Doe" />
      <Avatar.Fallback>
        <Avatar.Icon name="user" />
      </Avatar.Fallback>
    </Avatar>
  );
}

On this page