/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/carousel-plugin.tsx
44 строки
1 KB
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
"use client" import * as React from "react" import Autoplay from "embla-carousel-autoplay" import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "@/styles/base-nova/ui/carousel" export default function CarouselPlugin() { const plugin = React.useRef( Autoplay({ delay: 2000, stopOnInteraction: true }) ) return ( <Carousel plugins={[plugin.current]} className="w-full max-w-[10rem] sm:max-w-xs" onMouseEnter={plugin.current.stop} onMouseLeave={plugin.current.reset} > <CarouselContent> {Array.from({ length: 5 }).map((_, index) => ( <CarouselItem key={index}> <div className="p-1"> <Card> <CardContent className="flex aspect-square items-center justify-center p-6"> <span className="text-4xl font-semibold">{index + 1}</span> </CardContent> </Card> </div> </CarouselItem> ))} </CarouselContent> <CarouselPrevious /> <CarouselNext /> </Carousel> ) }