shadcn index

Avatar 5

PreviousNext

Circular avatar with fallback initials.

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/avatar/avatar-05.tsx
import { Avatar, AvatarFallback } from '@/registry/new-york/ui/avatar'

const AvatarFallbackDemo = () => {
  return (
    <Avatar>
      <AvatarFallback className='text-xs'>HR</AvatarFallback>
    </Avatar>
  )
}

export default AvatarFallbackDemo

Installation

npx shadcn@latest add @shadcn-studio/avatar-05

Usage

import { Avatar05 } from "@/components/avatar-05"
<Avatar05 />