mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-08 14:35:09 +00:00
34 lines
848 B
TypeScript
34 lines
848 B
TypeScript
import {
|
|
Avatar,
|
|
AvatarFallback,
|
|
AvatarGroup,
|
|
AvatarGroupCount,
|
|
AvatarImage,
|
|
} from "@/examples/base/ui/avatar"
|
|
import { PlusIcon } from "lucide-react"
|
|
|
|
export function AvatarGroupCountIconExample() {
|
|
return (
|
|
<AvatarGroup className="grayscale">
|
|
<Avatar>
|
|
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
|
|
<AvatarFallback>CN</AvatarFallback>
|
|
</Avatar>
|
|
<Avatar>
|
|
<AvatarImage src="https://github.com/maxleiter.png" alt="@maxleiter" />
|
|
<AvatarFallback>LR</AvatarFallback>
|
|
</Avatar>
|
|
<Avatar>
|
|
<AvatarImage
|
|
src="https://github.com/evilrabbit.png"
|
|
alt="@evilrabbit"
|
|
/>
|
|
<AvatarFallback>ER</AvatarFallback>
|
|
</Avatar>
|
|
<AvatarGroupCount>
|
|
<PlusIcon />
|
|
</AvatarGroupCount>
|
|
</AvatarGroup>
|
|
)
|
|
}
|