mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-02 13:07:46 +00:00
zeekay
57161c0902
- video-player: Add sources array and poster - avatar-group: Add items array with sample avatars - choicebox: Add options array with sample choices - menu-dock: Add items array with icons from lucide-react These demos were missing required props which caused static export to fail. All demos now have proper sample data.
38 lines
813 B
TypeScript
38 lines
813 B
TypeScript
import { AvatarGroup } from "@/registry/default/ui/avatar-group"
|
|
|
|
export default function AvatarGroupDemo() {
|
|
const avatars = [
|
|
{
|
|
src: "https://i.pravatar.cc/150?img=1",
|
|
alt: "John Doe",
|
|
fallback: "JD",
|
|
},
|
|
{
|
|
src: "https://i.pravatar.cc/150?img=2",
|
|
alt: "Jane Smith",
|
|
fallback: "JS",
|
|
},
|
|
{
|
|
src: "https://i.pravatar.cc/150?img=3",
|
|
alt: "Bob Johnson",
|
|
fallback: "BJ",
|
|
},
|
|
{
|
|
src: "https://i.pravatar.cc/150?img=4",
|
|
alt: "Alice Williams",
|
|
fallback: "AW",
|
|
},
|
|
{
|
|
src: "https://i.pravatar.cc/150?img=5",
|
|
alt: "Charlie Brown",
|
|
fallback: "CB",
|
|
},
|
|
]
|
|
|
|
return (
|
|
<div className="w-full min-h-[400px] flex items-center justify-center">
|
|
<AvatarGroup items={avatars} />
|
|
</div>
|
|
)
|
|
}
|