a

2026-07-03 16:58:28 +08:00
commit 32b43f85bd
6240 changed files with 1987678 additions and 0 deletions
@@ -0,0 +1,28 @@
+import * as React from "react"
+
+import { Card } from "@/components/retroui/Card"
+import {
+    Carousel,
+} from "@/components/retroui/Carousel"
+
+export default function CarouselStyleSizes() {
+    return (
+        <Carousel className="w-full max-w-sm">
+            <Carousel.Content>
+                {Array.from({ length: 5 }).map((_, index) => (
+                    <Carousel.Item key={index} className="md:basis-1/2 lg:basis-1/3">
+                        <div className="p-1">
+                            <Card className="w-full">
+                                <Card.Content className="flex aspect-square items-center justify-center p-6">
+                                    <span className="text-4xl font-semibold">{index + 1}</span>
+                                </Card.Content>
+                            </Card>
+                        </div>
+                    </Carousel.Item>
+                ))}
+            </Carousel.Content>
+            <Carousel.Previous />
+            <Carousel.Next />
+        </Carousel>
+    )
+}