Class SliderType

Defines the different types of slider functionality available in the Slider component.

Inheritance

System.Object

SliderType

Namespace: Syncfusion.Blazor.Inputs

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class SliderType : Enum

Remarks

The SliderType enum determines how the slider behaves and what values it represents. Each type provides different interaction patterns and visual representations for different use cases.

Examples

<!-- Default slider -->
<SfSlider TValue="int" Value="50" Type="SliderType.Default">
</SfSlider>

<!-- Range slider -->
<SfSlider TValue="int[]" Value="@(new int[]{20, 80})" Type="SliderType.Range">
</SfSlider>

Fields

Default

Creates a standard single-handle slider.

Declaration

public const SliderType Default

Field Value

Type
SliderType

Remarks

The Default type provides a single handle that can be moved to select a single value within the specified range. This is the most common slider type used for selecting individual values like volume, brightness, or progress.

MinRange

Creates a slider with range selection from minimum value to the selected value.

Declaration

public const SliderType MinRange

Field Value

Type
SliderType

Remarks

The MinRange type displays a filled track from the minimum value to the current handle position. This visually represents the range from the minimum value to the selected value, useful for scenarios like progress indicators or threshold selectors.

Range

Creates a dual-handle slider for selecting a range of values.

Declaration

public const SliderType Range

Field Value

Type
SliderType

Remarks

The Range type provides two handles allowing users to select both the start and end values of a range. The filled track appears between the two handles, making it ideal for price ranges, date ranges, or any scenario where both minimum and maximum values need to be specified.