Avatar

An image element with a fallback for representing the user.

Preview

CNOAJP

Usage

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

export function AvatarDemo() {
  return (
    <Avatar>
      <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
      <AvatarFallback>CN</AvatarFallback>
    </Avatar>
  )
}