Carousel

[zentag]

I think adding a carousel for divs in general will benefit many people. I chose to make it a carousel of divs because it's a lot more flexible - it doesn't have to be just for images or just for the picocss cards. It doesn't seem to be super complicated to implement. All you need is the dots at the bottom, and the animation between divs. Obviously all divs would have to be the same size and I'm not exactly sure how that would work.

I'd be very thankful for some other people hopping in and adding thoughts about implementation. Once there's a good idea of how it should look I may even just develop a solution and try to commit it.

[ricpastori]

I don’t think a carousel belongs in Pico’s CSS core.

The visual transition and navigation dots are the smallest part of the component. A complete carousel also needs keyboard navigation, labelled controls, slide announcements, focus management, reduced-motion handling, touch interaction and a way to pause any automatic rotation.

A CSS-only implementation could easily provide the appearance of a carousel without providing a reliable accessible component. This would be better handled by an external JavaScript library or a progressively enhanced Web Component styled to match Pico.