Docs
Avatar List
Avatar List
Displays a beautiful animation with Avatar List.





Installation
Copy and paste the cn util code into your project.
import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
Copy and paste the Avatar List code into your project.
API Reference
Prop | Type | Description |
---|---|---|
size | string | "sm" | "md" | "lg" |
className | string | the class name |
Usage
export function AvatarListDemo() {
return <AvatarList size="sm" className="flex items-center justify-center" />
}