feat: add Carousel Component to component library

[licon4812]

🙋 Feature Request

A Carousel component would be a good way of viewing images in a desktop/mobile-friendly way. Examples include

• MudCarousel
• fluentui/react-carousel

🤔 Expected Behavior

Users should be able to add items programmatically to the Carousel similar to how MudBlazor handles it. This component should work in all render modes and SSR. Should support mobile swipes as well as mice on desktop.

💁 Possible Solution

A good start may be porting over the Carousel from the React version of Fluentui. Whilst cross-referencing with the MudBlazor version in mind

🔦 Context

I was trying to have a good way of displaying multiple images like a gallery on a product I am currently developing.

The impact of this feature was I had to search for an alternative component library to use a Carousel. I am still using fluentui across my web application, but now I have another component library just chilling for this component.

The alternative I used was MudCarousel. Which does work pretty well on mobile and desktop but the downside is that MudBlazor only supports interactive modes and doesn't support SSR

💻 Examples

[dvoituron]

Now, the single component that comes closest is the FluentHorizontalScroll.
It's not a caroussel, but perhaps you can use it to achieve a similar result.

But it's definitely a component we could add :-)

[licon4812]

@dvoituron thank you for the suggestion. I will take a look at it to see if it can be used instead of one of the alternate components I suggested. I do think a Carousel component would be a great addition. In any event others can now find this issue if searching for it :)