mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-02 13:07:46 +00:00
zeekay
777be64088
- apple-cards-carousel-demo: Added cards array with gradient cards - music-player-demo: Added tracks array with 3 sample music tracks - code-compare-demo: Added files array for before/after code comparison - code-explorer-demo: Added files array with folder tree structure - code-preview-demo: Added files array with HTML/CSS/JS live preview All 28 default theme demo components now have proper required props.
36 lines
975 B
TypeScript
36 lines
975 B
TypeScript
import { AppleCardsCarousel } from "@/registry/default/ui/apple-cards-carousel"
|
|
|
|
const cards = [
|
|
{
|
|
id: "1",
|
|
title: "Innovation",
|
|
subtitle: "Pushing Boundaries",
|
|
description: "Discover cutting-edge solutions that transform your workflow",
|
|
gradient: "from-blue-500 to-cyan-500",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Performance",
|
|
subtitle: "Lightning Fast",
|
|
description: "Experience blazing speed with optimized components",
|
|
gradient: "from-purple-500 to-pink-500",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Design",
|
|
subtitle: "Beautiful UI",
|
|
description: "Crafted with attention to detail and modern aesthetics",
|
|
gradient: "from-orange-500 to-red-500",
|
|
},
|
|
]
|
|
|
|
export default function AppleCardsCarouselDemo() {
|
|
return (
|
|
<div className="flex min-h-[400px] items-center justify-center p-8">
|
|
<div className="w-full max-w-6xl">
|
|
<AppleCardsCarousel cards={cards} autoPlay showArrows showDots />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|