Avatar with grayscale image filter, a shadcn block by @reui · shadcn.exchange

Avatar with grayscale image filter, a shadcn block by @reui · shadcn.exchange

c-avatar-17.tsx

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

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