{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-carousel-2","type":"registry:block","title":"Vertical carousel orientation","description":"Vertical carousel orientation","dependencies":[],"registryDependencies":["card","carousel"],"files":[{"path":"c-carousel-2.tsx","type":"registry:block","content":"import { Card } from \"@/components/ui/card\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/components/ui/carousel\"\n\nexport function Pattern() {\n  return (\n    <div className=\"flex w-full items-center justify-center p-6\">\n      <Carousel\n        opts={{\n          align: \"start\",\n        }}\n        orientation=\"vertical\"\n        className=\"w-full max-w-xs\"\n      >\n        <CarouselContent className=\"-mt-1 h-[325px]\">\n          {Array.from({ length: 5 }).map((_, index) => (\n            <CarouselItem key={index} className=\"basis-1/2 pt-1\">\n              <div className=\"p-1\">\n                <Card className=\"relative h-[145px] overflow-hidden border-0 p-0\">\n                  <img\n                    src={`https://picsum.photos/600/300?grayscale&random=${index + 10}`}\n                    alt={`Slide ${index + 1}`}\n                    width={600}\n                    height={300}\n                    className=\"h-full w-full object-cover\"\n                  />\n                </Card>\n              </div>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious />\n        <CarouselNext />\n      </Carousel>\n    </div>\n  )\n}","target":"components/examples/c-carousel-2.tsx"}],"meta":{"order":2}}