mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
- 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.
10 lines
1.0 KiB
JSON
10 lines
1.0 KiB
JSON
{
|
|
"name": "avatar-group-demo",
|
|
"files": [
|
|
{
|
|
"name": "avatar-group-demo.tsx",
|
|
"content": "import { AvatarGroup } from \"@/registry/default/ui/avatar-group\"\n\nexport default function AvatarGroupDemo() {\n const avatars = [\n {\n src: \"https://i.pravatar.cc/150?img=1\",\n alt: \"John Doe\",\n fallback: \"JD\",\n },\n {\n src: \"https://i.pravatar.cc/150?img=2\",\n alt: \"Jane Smith\",\n fallback: \"JS\",\n },\n {\n src: \"https://i.pravatar.cc/150?img=3\",\n alt: \"Bob Johnson\",\n fallback: \"BJ\",\n },\n {\n src: \"https://i.pravatar.cc/150?img=4\",\n alt: \"Alice Williams\",\n fallback: \"AW\",\n },\n {\n src: \"https://i.pravatar.cc/150?img=5\",\n alt: \"Charlie Brown\",\n fallback: \"CB\",\n },\n ]\n\n return (\n <div className=\"w-full min-h-[400px] flex items-center justify-center\">\n <AvatarGroup items={avatars} />\n </div>\n )\n}\n"
|
|
}
|
|
],
|
|
"type": "components:example"
|
|
} |