Overview
Sliders are interactive UI components that enable users to adjust values within a specified range, providing precise control over settings like volume, brightness, or numeric input. They enhance user experience by offering a visually intuitive and tactile means of making adjustments.
Modus Chips Documentation
Usage
<modus:TMSlider MaximumValue="{Binding MaximumValue}"
MinimumValue="{Binding MinimumValue}"
Size="{Binding Source={RelativeSource AncestorType={x:Type local:SliderViewModel}}, Path=Size}"
ShowSteps="{Binding ShowSteps}"
ShowToolTip="{Binding ShowTooltip}"
IsEnabled="{Binding IsEnabled}"
StepValue="1"
RightIconSource="placeholder.png"
LeftIconSource="placeholder.png"
Padding="0,15" />
<modus:TMRangeSlider MaximumValue="{Binding MaximumValue}"
MinimumValue="{Binding MinimumValue}"
Size="{Binding Source={RelativeSource AncestorType={x:Type local:SliderViewModel}}, Path=Size}"
ShowSteps="{Binding ShowSteps}"
ShowToolTip="{Binding ShowTooltip}"
IsEnabled="{Binding IsEnabled}"
StepValue="1"
RightIconSource="placeholder.png"
LeftIconSource="placeholder.png"
Padding="0,15" />
Output
Sliders
Range Sliders
Slider Properties
| Property
| type
| Description
|
| Title
| string
| Title of the slider
|
| LeftText
| string
| Text present at the left end of the slider
|
| RightText
| string
| Text present at the right end of the slider
|
| LeftIcon
| ImageSource
| Icon present at the left end of the slider
|
| RightIcon
| ImageSource
| Icon present at the right end of the slider
|
| ShowSteps
| bool
| Step Value displayed below the slider
|
| ShowToolTip
| bool
| Step Value displayed above the slider
|
| Value
| double
| Current Value
|
| ValueChangedCommand
| ICommand
| Invoked when current value is changed
|
| ValueChangedCommandParameter
| object
| Parameter for the valuechangedcommand
|
RangeSlider properties
| Property
| type
| Description
|
| LowerValue
| double
| Minimum Value
|
| UpperValue
| double
| Maximum Value
|
| LowerValueChangedCommand
| ICommand
| Invoked when minimum value is changed
|
| LowerValueChangedCommandParameter
| object
| Parameter for the lowervaluechangedcommand
|
| UpperValueChangedCommand
| ICommand
| Invoked when maximum value is changed
|
| UpperValueChangedCommandParameter
| object
| Parameter for the uppervaluechangedcommand
|