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
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
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; }