Table of Contents

Class TwRangeSliderTheme

Namespace
TwBlazor.Configuration.Components
Assembly
TwBlazor.dll

Theme configuration for range slider components.

[ExcludeFromCodeCoverage]
public class TwRangeSliderTheme
Inheritance
TwRangeSliderTheme
Inherited Members

Remarks

A range slider is drawn with the TwSliderTheme: its colors, wrapper, track, thumbs and value tooltips all come from there, so both sliders always match. This theme only holds what a second handle adds.

Constructors

TwRangeSliderTheme()

public TwRangeSliderTheme()

Properties

Base

Gets or sets the classes added to Base for each native input. The two inputs overlap, so each one lets pointer events through everywhere except its own thumb. The thumb is sized to match the visible thumb, and the input is widened by half a thumb on each side so the native thumb lines up with the visible one at both ends of the track.

public required string Base { get; set; }

Property Value

string

Fill

Gets or sets the classes added to Fill so the fill can start at the lower handle instead of the start of the track.

public required string Fill { get; set; }

Property Value

string

Handle

Gets or sets the classes for the layer that holds one handle: its native input, thumb and value tooltip. Each handle gets its own layer so that hover and focus styles on one handle do not light up the other.

public required string Handle { get; set; }

Property Value

string