mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
05fc512820
Upstream sync from shadcn-ui/ui (1686 commits since last merge base). Key changes: - packages/shadcn upgraded to 4.1.0 (CLI font transformers, scaffold from github, chart colors) - apps/v4 replaces apps/www as the primary docs/registry app - Font system: 25+ heading font registries, font markers utility, @supports override - Chart improvements: recharts v3 compat, radial chart fixes - templates/ updated with monorepo variants (astro, vite, react-router, start) - skills/shadcn AI skill definitions added - deprecated/ removed (auth, auth-firebase, cli, www) Preserved Hanzo-only paths: app/, pkg/, demo/, docs/, template/next/
15 lines
2.7 KiB
JSON
15 lines
2.7 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "item-avatar",
|
|
"registryDependencies": [
|
|
"item"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/new-york-v4/examples/item-avatar.tsx",
|
|
"content": "import { Plus } from \"lucide-react\"\n\nimport {\n Avatar,\n AvatarFallback,\n AvatarImage,\n} from \"@/registry/new-york-v4/ui/avatar\"\nimport { Button } from \"@/registry/new-york-v4/ui/button\"\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemMedia,\n ItemTitle,\n} from \"@/registry/new-york-v4/ui/item\"\n\nexport default function ItemAvatar() {\n return (\n <div className=\"flex w-full max-w-lg flex-col gap-6\">\n <Item variant=\"outline\">\n <ItemMedia>\n <Avatar className=\"size-10\">\n <AvatarImage src=\"https://github.com/evilrabbit.png\" />\n <AvatarFallback>ER</AvatarFallback>\n </Avatar>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>Evil Rabbit</ItemTitle>\n <ItemDescription>Last seen 5 months ago</ItemDescription>\n </ItemContent>\n <ItemActions>\n <Button\n size=\"icon-sm\"\n variant=\"outline\"\n className=\"rounded-full\"\n aria-label=\"Invite\"\n >\n <Plus />\n </Button>\n </ItemActions>\n </Item>\n <Item variant=\"outline\">\n <ItemMedia>\n <div className=\"flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background *:data-[slot=avatar]:grayscale\">\n <Avatar className=\"hidden sm:flex\">\n <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n <AvatarFallback>CN</AvatarFallback>\n </Avatar>\n <Avatar className=\"hidden sm:flex\">\n <AvatarImage\n src=\"https://github.com/maxleiter.png\"\n alt=\"@maxleiter\"\n />\n <AvatarFallback>LR</AvatarFallback>\n </Avatar>\n <Avatar>\n <AvatarImage\n src=\"https://github.com/evilrabbit.png\"\n alt=\"@evilrabbit\"\n />\n <AvatarFallback>ER</AvatarFallback>\n </Avatar>\n </div>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>No Team Members</ItemTitle>\n <ItemDescription>\n Invite your team to collaborate on this project.\n </ItemDescription>\n </ItemContent>\n <ItemActions>\n <Button size=\"sm\" variant=\"outline\">\n Invite\n </Button>\n </ItemActions>\n </Item>\n </div>\n )\n}\n",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"type": "registry:example"
|
|
} |