Switch to Blazor wasm
Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

Binding TwoWay
MudBlazor

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective


Switch to Blazor wasm
Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

MudCarousel<T> API

Pages

Properties

Name Type Default Description
ArrowsPosition
Position

Position.Center

Sets the position of the arrows. By default, the position is the Center position
AutoCycle
Boolean

True

Gets or Sets automatic cycle on item collection
AutoCycleTime
TimeSpan

00:00:05

Gets or Sets the Auto Cycle time
CheckedIcon
String
Custom selected delimiter icon.
ChildContent
RenderFragment

null

Collection of T
Class
String

null

User class names, separated by space.
DelimitersClass
String

null

Gets or Sets custom class(es) for Delimiters buttons
DelimiterTemplate
RenderFragment<Boolean>

null

Gets or Sets the Template for Delimiters
ItemsSource
IEnumerable<T>

null

Items Collection - For databinding usage
ItemTemplate
RenderFragment<T>

null

Template for each Item in ItemsSource collection
NavigationButtonsClass
String

null

Gets or Sets custom class(es) for 'Next' and 'Previous' arrows
NextButtonTemplate
RenderFragment

null

Gets or Sets the Template for the Left Arrow
NextIcon
String
Custom next navigation icon.
PreviousButtonTemplate
RenderFragment

null

Gets or Sets the Template for the Right Arrow
PreviousIcon
String
Custom previous navigation icon.
SelectedIndex
Int32
Binding TwoWay

-1

Selected Item's index
ShowArrows
Boolean

True

Gets or Sets if 'Next' and 'Previous' arrows must be visible
ShowDelimiters
Boolean

True

Gets or Sets if bottom bar with Delimiters musb be visible
Style
String

null

User styles, applied on top of the component's own classes and styles.
Tag
Object

null

Use Tag to attach any user data object to the component for your convenience.
UncheckedIcon
String
Custom unselected delimiter icon.
UserAttributes
Dictionary<String, Object>

UserAttributes carries all attributes you add to the component that don't match any of its parameters. They will be splatted onto the underlying HTML tag.

EventCallbacks

Name Type Description
SelectedIndexChanged
EventCallback<Int32>

Methods

Name Parameters Return Description
ValueTask DisposeAsync()
ValueTask
MoveTo(int index)
int index
Move to Item at desired index
Next() Move to Next Item
Previous() Move to Previous Item
An error has occurred. This application may no longer respond until reloaded. Reload 🗙