shadcn index

Avatar

PreviousNext

An image element with fallbacks for representing the user.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/avatar/fallback-only/page.tsx
import { Avatar, AvatarFallback } from "@/components/ui/avatar";

export default function AvatarFallbackOnly() {
  return (
    <Avatar>
      <AvatarFallback>TB</AvatarFallback>
    </Avatar>
  );
}

Installation

npx shadcn@latest add @bundui/avatar-fallback-only

Usage

import { AvatarFallbackOnly } from "@/components/avatar-fallback-only"
<AvatarFallbackOnly />