{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "carousel-03",
  "type": "registry:component",
  "title": "Carousel",
  "author": "Toby Belhome",
  "description": "A carousel component for cycling through a series of content.",
  "dependencies": [],
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "examples/components/carousel/03/page.tsx",
      "content": "import * as React from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious\n} from \"@/components/ui/carousel\";\n\nexport default function Component() {\n  return (\n    <Carousel\n      opts={{\n        align: \"start\"\n      }}\n      orientation=\"vertical\"\n      className=\"w-full max-w-xs\">\n      <CarouselContent className=\"-mt-1 h-[200px]\">\n        {Array.from({ length: 5 }).map((_, index) => (\n          <CarouselItem key={index} className=\"pt-1 md:basis-1/2\">\n            <div className=\"p-1\">\n              <Card>\n                <CardContent className=\"flex items-center justify-center p-6\">\n                  <span className=\"text-3xl font-semibold\">{index + 1}</span>\n                </CardContent>\n              </Card>\n            </div>\n          </CarouselItem>\n        ))}\n      </CarouselContent>\n      <CarouselPrevious />\n      <CarouselNext />\n    </Carousel>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/carousel-03.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}