ComponentsAvatar

Avatar

Displays a user image with fallback support.

Examples

Default

GR

With Border

GR

Collection

GRZRGR

Usage

import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/components/ui/avatar";
<Avatar>
  <AvatarImage
    src="https://github.com/guhrodrrigues.png"
    alt="@guhrodrrigues"
  />
  <AvatarFallback>GR</AvatarFallback>
</Avatar>

Installation

npx @luxeui/ui@beta add avatar