Data Display
Carousel
embla-carousel-react 기반. ARIA carousel 패턴, ←→/↑↓ 키, 스와이프(터치) 자동.
예제
슬라이드 1
슬라이드 2
슬라이드 3
슬라이드 4
설치 / Import
import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '@baneung-pack/ui';import { Carousel } from '@baneung-pack/ui/carousel';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
opts | embla 옵션 (loop, align, ...) | EmblaOptionsType | — |
orientation | 방향 | 'horizontal' | 'vertical' | 'horizontal' |
setApi | embla API 노출 콜백 (외부 제어) | (api: CarouselApi) => void | — |