컨테이너Carousel12 props
Carousel
Carousel는 가로 공간을 넘치는 항목들을 스크롤 가능한 행으로 보여줍니다.
공식 문서 열기미리보기
Popular
Jeju coast
4.8
Cliffside spa retreat
3 nights · Ocean view$420 total
New
Seoul
4.8
Design week basecamp
2 nights · Near Seongsu$310 total
Limited
Kyoto
4.8
Garden ryokan suite
4 nights · Breakfast$680 total
Deal
Busan
4.8
Harbor loft stay
2 nights · Late checkout$260 total
Import
import {Carousel} from '@astryxdesign/core/Carousel';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
사용 시점
Carousel는 가로 공간을 넘치는 항목들을 스크롤 가능한 행으로 보여줍니다.
carouselsliderscrollgalleryfilmstripswiperhorizontaloverflow
중요 props
gap0 | 0.5 | 1 | 1.5 | 2 | 3 | 4optional
padding0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10optional
테마 대상
astryx-carousel
사용 지침
- 권장Carousel의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
- 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
- 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
- 피하기공간을 줄이기 위해 필요한 레이블이나 설명을 제거하지 마세요.