RayCraftDocs
v1.0.3 raycraft.dev
On this page

Carousel

Free

Slides with previous and next buttons and indicators. Autoplay is optional; it pauses on hover and focus and has a pause button, as WCAG requires.

Example

Carousel control

Parameters

Carousel

ParameterTypeDescription
ActiveIndexintIndex of the selected tab. Use with @bind-ActiveIndex.
AutoplayIntervalintMilliseconds between automatic slide changes; 0 (default) turns autoplay off.
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
StylestringInline style added to the root element.

CarouselSlide

ParameterTypeDescription
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
StylestringInline style added to the root element.

Events

Carousel

EventTypeDescription
ActiveIndexChangedEventCallback<int>Raised when another tab is selected.

Package

Carousel is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.