Carousel
Slider/carousel đa năng dùng keen-slider — loop, autoplay, vertical, dots, progress, counter, background rotation và hơn thế nữa.
Cài đặt
Import
TSX
Cơ bản — Arrows & Dots
AutoPlay
Tự động chuyển slide mỗi 2.5s. Tạm dừng khi hover.
Progress Bar & Counter
1 / 0
Multiple Slides Per View
Responsive — hiển thị 1→2→3 slides tùy screen.
Vertical Orientation
Chiều dọc — cần prop height.
Free Scroll
mode="free-snap" — kéo tự do, tự snap về slide gần nhất.
No Loop — Edge Disabled
Prev/Next tự disable ở đầu/cuối carousel.
Card Content
Nội dung thực tế — card, hình ảnh, badge.
3D Rotation
renderMode='custom' + Carousel3DPlugin — slide quay quanh trục Y.
Kéo hoặc dùng nút
Wheel Controls
Cuộn chuột để chuyển slide.
Background Rotation
Màu nền lerp mượt theo progress — dùng onDetailsChanged.
Violet
Drag Disabled
Chỉ điều hướng bằng nút — không kéo.
Mixed Content Slides
Mỗi slide có layout khác nhau.