35 lines
852 B
TypeScript
35 lines
852 B
TypeScript
import { PlusIcon } from "lucide-react"
|
|
|
|
import {
|
|
Avatar,
|
|
AvatarFallback,
|
|
AvatarGroup,
|
|
AvatarGroupCount,
|
|
AvatarImage,
|
|
} from "@/styles/base-nova/ui/avatar"
|
|
|
|
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>
|
|
)
|
|
}
|