mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
15 lines
2.0 KiB
JSON
15 lines
2.0 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "item-header",
|
|
"registryDependencies": [
|
|
"item"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/new-york-v4/examples/item-header.tsx",
|
|
"content": "import Image from \"next/image\"\n\nimport {\n Item,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemHeader,\n ItemTitle,\n} from \"@/registry/new-york-v4/ui/item\"\n\nconst models = [\n {\n name: \"v0-1.5-sm\",\n description: \"Everyday tasks and UI generation.\",\n image:\n \"https://images.unsplash.com/photo-1650804068570-7fb2e3dbf888?q=80&w=640&auto=format&fit=crop\",\n credit: \"Valeria Reverdo on Unsplash\",\n },\n {\n name: \"v0-1.5-lg\",\n description: \"Advanced thinking or reasoning.\",\n image:\n \"https://images.unsplash.com/photo-1610280777472-54133d004c8c?q=80&w=640&auto=format&fit=crop\",\n credit: \"Michael Oeser on Unsplash\",\n },\n {\n name: \"v0-2.0-mini\",\n description: \"Open Source model for everyone.\",\n image:\n \"https://images.unsplash.com/photo-1602146057681-08560aee8cde?q=80&w=640&auto=format&fit=crop\",\n credit: \"Cherry Laithang on Unsplash\",\n },\n]\n\nexport default function ItemHeaderDemo() {\n return (\n <div className=\"flex w-full max-w-xl flex-col gap-6\">\n <ItemGroup className=\"grid grid-cols-3 gap-4\">\n {models.map((model) => (\n <Item key={model.name} variant=\"outline\">\n <ItemHeader>\n <Image\n src={model.image}\n alt={model.name}\n width={128}\n height={128}\n className=\"aspect-square w-full rounded-sm object-cover\"\n />\n </ItemHeader>\n <ItemContent>\n <ItemTitle>{model.name}</ItemTitle>\n <ItemDescription>{model.description}</ItemDescription>\n </ItemContent>\n </Item>\n ))}\n </ItemGroup>\n </div>\n )\n}\n",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"type": "registry:example"
|
|
} |