Info

About

done_all

Show overflowing content as carousel.

Don't understand what it does?

navigate_next

See the examples below that depicts different use cases of overflow-carousel.

navigate_next

When content has no overflow, sliding actions can be hidden or disabled.

navigate_next

Play around with 3rd example below to feel the dynamic behavior.

Installation & Usage

NPM GitHub How this page made

Example: Image Gallery

Basic implementation

Example: Product List

Custom Slide Actions with slower animation

Product {{item}}

$500

Lorem dolor sit amet consectetur.
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet.

Example: Dynamic Carousel Item

Behavior of dynamic data & responsiveness

Example: Filters

Use filters for data table or list

Filter {{item}}

sentiment_very_satisfied

Hint {{item}}

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Porro repellendus labore earum rem voluptatem omnis quasi, molestias atque, ab ad alias quos. Molestiae blanditiis delectus est pariatur voluptates voluptas reprehenderit fugit dolores explicabo sunt, quam odit maxime ad incidunt a accusantium cum saepe cupiditate officiis vero asperiores enim doloribus non nostrum. Quam ipsa, debitis consectetur animi earum id alias corrupti nesciunt quis incidunt? Quas quod incidunt natus alias nihil fugit molestiae iusto accusantium esse ratione consequuntur nemo maxime eum suscipit commodi, reprehenderit iste, totam, officia delectus ducimus ipsum eaque. Laboriosam ad maiores quia quod hic, incidunt in harum sit autem!