Slider Control
Styles
| Style Key |
Semantic Alias |
IsDefaultStyle* |
SimpleSliderStyle |
SliderStyle |
True |
IsDefaultStyle*: Styles in this column will be set as the default implicit style for the matching control
Lightweight Styling
Theme-agnostic
| Key |
Type |
Value |
SimpleSliderCornerRadius |
CornerRadius |
SimpleRadius050CornerRadius |
SimpleSliderFillThickness |
Double |
SliderFillThickness |
SimpleSliderFocusVisualMargin |
Thickness |
-7,0 |
SimpleSliderHeaderMargin |
Thickness |
0,0,0,4 |
SimpleSliderHorizontalFillCornerRadius |
CornerRadius |
4,0,0,4 |
SimpleSliderHorizontalFocusVisualMargin |
Thickness |
-14,-6,-14,-6 |
SimpleSliderPostContentMargin |
Double |
14 |
SimpleSliderPreContentMargin |
Double |
14 |
SimpleSliderThumbCornerRadius |
CornerRadius |
SliderThumbCornerRadius |
SimpleSliderTrackThickness |
Double |
SliderTrackThickness |
SimpleSliderVerticalFillCornerRadius |
CornerRadius |
0,0,4,4 |
SimpleSliderVerticalFocusVisualMargin |
Thickness |
-6,-14,-6,-14 |
SliderCornerRadius |
CornerRadius |
Radius050CornerRadius |
SliderFillThickness |
Double |
8 |
SliderFocusVisualMargin |
Thickness |
-7,0 |
SliderHeaderMargin |
Thickness |
Space050BottomThickness |
SliderHorizontalFillCornerRadius |
CornerRadius |
4,0,0,4 |
SliderHorizontalFocusVisualMargin |
Thickness |
-14,-6,-14,-6 |
SliderHorizontalHeight |
Double |
SimpleIconMedium |
SliderPostContentMargin |
Double |
14 |
SliderPreContentMargin |
Double |
14 |
SliderThumbCornerRadius |
CornerRadius |
SimpleRadius200CornerRadius |
SliderThumbHeight |
Double |
SimpleIconExtraSmall |
SliderThumbWidth |
Double |
SimpleIconExtraSmall |
SliderTrackThickness |
Double |
4 |
SliderVerticalFillCornerRadius |
CornerRadius |
0,0,4,4 |
SliderVerticalFocusVisualMargin |
Thickness |
-6,-14,-6,-14 |
SliderVerticalWidth |
Double |
SimpleIconMedium |
Themed
| Key |
Type |
Light |
SliderThumbBackground |
SolidColorBrush |
PrimaryBrush |
SliderThumbBackgroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
SliderThumbBackgroundPressed |
SolidColorBrush |
PrimaryVariantDarkBrush |
SliderTrackFill |
SolidColorBrush |
OutlineBrush |
SliderTrackFillDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
SliderTrackValueFill |
SolidColorBrush |
PrimaryBrush |
SliderTrackValueFillDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
SliderTrackValueFillPressed |
SolidColorBrush |
PrimaryVariantDarkBrush |
The Dark theme uses the same values as Light.