Table of Contents

Class TwCarouselTheme

Namespace
TwBlazor.Configuration.Components
Assembly
TwBlazor.dll

Theme configuration for the carousel components (TwCarousel, TwCarouselItem). Override any property to customize carousel styles globally.

[ExcludeFromCodeCoverage]
public class TwCarouselTheme
Inheritance
TwCarouselTheme
Inherited Members

Constructors

TwCarouselTheme()

public TwCarouselTheme()

Properties

ArrowButton

Gets or sets the classes shared by both the previous and next arrow buttons - just positioning, icon size, and shadow. Background, text color, rounding, focus ring, cursor, transition, and disabled styling all come for free from the underlying TwButton icon button (see TwIcon's non-Plain mode), driven by ButtonColor.

public required string ArrowButton { get; set; }

Property Value

string

ArrowButtonEnd

Gets or sets the classes that position the next arrow button at the end edge of the viewport.

public required string ArrowButtonEnd { get; set; }

Property Value

string

ArrowButtonStart

Gets or sets the classes that position the previous arrow button at the start edge of the viewport.

public required string ArrowButtonStart { get; set; }

Property Value

string

Container

Gets or sets the classes for the root container element.

public required string Container { get; set; }

Property Value

string

Indicator

Gets or sets the base classes applied to every indicator dot, regardless of state.

public required string Indicator { get; set; }

Property Value

string

IndicatorActive

Gets or sets the classes applied to the indicator dot for the currently selected slide, when no explicit Color is set.

public required string IndicatorActive { get; set; }

Property Value

string

IndicatorContainer

Gets or sets the classes for the row of slide-picker indicator dots, overlaid near the bottom of the viewport.

public required string IndicatorContainer { get; set; }

Property Value

string

IndicatorInactive

Gets or sets the classes applied to indicator dots for slides that are not currently selected.

public required string IndicatorInactive { get; set; }

Property Value

string

PlayPauseButton

Gets or sets the classes for the automatic-playback pause/play toggle button, shown whenever AutoPlay is enabled. Like ArrowButton, this is just positioning, icon size, and shadow.

public required string PlayPauseButton { get; set; }

Property Value

string

Slide

Gets or sets the classes for the wrapper rendered around each slide's content.

public required string Slide { get; set; }

Property Value

string

SlideContent

Gets or sets the classes for the slide's role="group" wrapper, the direct parent of each ChildContent. Stretching this to the full size of Slide lets slide content (e.g. an <img>) fill the carousel with h-full/w-full.

public required string SlideContent { get; set; }

Property Value

string

Viewport

Gets or sets the classes for the viewport that holds the currently visible slide and the overlaid arrow/pause/indicator controls.

public required string Viewport { get; set; }

Property Value

string