microsoft
feat: add Carousel Component to component library
🙋 Feature Request
A Carousel component would be a good way of viewing images in a desktop/mobile-friendly way. Examples include
🤔 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
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 :-)
@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 :)
if auto scroll option, (both default or on click) added then this itself fullfils and also more feature customizable as it combines card feature too on base
I'm closing this one. A carousel component will be part of the Community Toolkit which will be released soon in it's first version.
The live demo doesn't work currently but you can clone this repository and run it locally. https://github.com/Community-Toolkit-for-Fluent-UI-Blazor/fluentui-blazor-community-extensions
Feel free to provide us with feedback there! :)
Demo should work now: https://community-toolkit-for-fluent-ui-blazor.github.io/fluentui-blazor-community-extensions/slideshow
Demo should work now: https://community-toolkit-for-fluent-ui-blazor.github.io/fluentui-blazor-community-extensions/slideshow
Awesome, thank you for this. It looks good