<sl-carousel>

Carousels display an arbitrary number of content slides along a horizontal or vertical axis.

The source repository is archived and read-only.

Superseded by <wa-carousel> in Web Awesome.

Category

Media

Built with

Lit

Library

Shoelace

Author

Shoelace

Package

@shoelace-style/shoelace

Component size

10.3 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

7.9 kB JS (shared by every Shoelace component, loaded once per page)

Downloads

142,636/week · jsDelivr 2,182,607,821 hits/month (whole @shoelace-style/shoelace package)

GitHub stars

13,834

Latest stable version

2.20.1

License

MIT

Status

experimental

• Documentation
• Source code

• Source code

Attributes

• loop
• navigation
• pagination
• autoplay
• autoplay-interval
• slides-per-page
• slides-per-move
• orientation
• mouse-dragging

Slots

• next-icon
• previous-icon

Events

• sl-slide-change

CSS Parts

• base
• scroll-container
• pagination
• pagination-item
• pagination-item--active
• navigation
• navigation-button
• navigation-button--previous
• navigation-button--next