Question: Pairing shadcn/ui with a Carousel component...

[mathewjordan]

This is more of a question...

I'm seeking to pair shadcn/ui with a Carousel (or slider depending on your nomenclature) component. Does anyone have recommendations for this? Requirements would be:

• fully typed
• react hooks
• composable
• highly accessible
• unstyled (or capable of that)

[cerimorse]

I used embla carousel recently on a project with shadcn/ui.

Meets quite a lot of your requirements and they have a react package too. The only thing I don't think is covered is accessibility. This brief discussion covers it but since then it looks like they're providing a new project that helps generate a carousel that includes accessibility.

If it's useful, here's how I implemented embla carousel in my project alongside shadcn/ui. It isn't using TypeScript but hopefully gives a rough idea of what can be done.

[mathewjordan]

Thank you @cerimorse! That's very helpful. I might give it a try and see if it works. For context, I'll be using it in a component using an aging and bloated swiper.js based implementation.