<>Carousel là một thành phần UI/UX giúp hiển thị nhiều nội dung trong một không gian hạn chế bằng cách trượt ngang hoặc dọc giữa các mục. Nó thường được sử dụng để hiển thị hình ảnh, bài viết, sản phẩm hoặc nội dung nổi bật theo cách trực quan và thu hút.
🔹 Các loại Carousel phổ biến
/Image Carousel (hình ảnh)
– Hiển thị nhiều hình ảnh có thể trượt qua lại.
Ví dụ:
Slide banner trên trang thương mại điện tử (Shopee, Lazada).
Bộ sưu tập ảnh sản phẩm.
/Content Carousel (nội dung)
– Hiển thị văn bản, bài viết hoặc danh mục thông tin.
Ví dụ:
Bài viết nổi bật trên blog.
Danh sách đánh giá khách hàng (Testimonial Slider).
/Product Carousel (sản phẩm)
– Dùng để hiển thị danh sách sản phẩm trong e-commerce.
Ví dụ:
Sản phẩm đề xuất trên Amazon, Shopee.
/Video Carousel (video)
– Cho phép người dùng xem nhiều video theo dạng trượt.
Ví dụ:
Danh sách video trên Netflix, YouTube.
/Card Carousel (dạng thẻ)
– Hiển thị nội dung theo từng thẻ nhỏ có thể trượt.
Ví dụ:
Các khóa học trên Udemy, Coursera.
🔹 Khi nào nên sử dụng Carousel?
✔ Khi có nội dung quan trọng nhưng muốn tiết kiệm không gian.
✔ Khi cần tăng sự hấp dẫn và tương tác (ví dụ: giới thiệu sản phẩm mới, khuyến mãi).
✔ Khi hiển thị trên màn hình lớn (desktop, tablet).
❌ Tránh lạm dụng carousel khi cần tối ưu tốc độ tải trang và SEO.
