Slider Control

Styles

Style Key IsDefaultStyle*
SliderStyle True

IsDefaultStyle*: Styles in this column will be set as the default implicit style for the matching control

Lightweight Styling

Key Type Value
MaterialSliderThumbDisabledColor Color #685C64
MaterialSliderThumbDisabledBrush SolidColorBrush Color = MaterialSliderThumbDisabledColor
SliderFocusVisualMargin Thickness -7,0
SliderFontFamily FontFamily MaterialRegularFontFamily
SliderFontSize Double LabelMediumFontSize
SliderTrackFill SolidColorBrush SurfaceVariantBrush
SliderTrackFillDisabled SolidColorBrush OnSurfaceSelectedBrush
SliderTrackValueFill SolidColorBrush PrimaryBrush
SliderTrackValueFillDisabled SolidColorBrush SystemControlDisabledChromeDisabledHighBrush
SliderHorizontalFillCornerRadius CornerRadius 4,0,0,4
SliderVerticalFillCornerRadius CornerRadius 0,0,4,4
SliderTrackThickness Double 4
SliderFillThickness Double 6
SliderTickBarFill SolidColorBrush OnSurfaceVariantBrush
SliderTickBarFillDisabled SolidColorBrush SystemControlDisabledChromeDisabledHighBrush
SliderInlineTickBarFill SolidColorBrush OnSurfaceVariantBrush
SliderTopTickBarHeight Double 4
SliderBottomTickBarHeight Double 4
SliderHorizontalInlineTickBarHeight Double 2
SliderLeftTickBarWidth Double 4
SliderRightTickBarWidth Double 4
SliderVerticalInlineTickBarWidth Double 2
SliderTopTickBarMargin Thickness 0,0,0,4
SliderBottomTickBarMargin Thickness 0,4,0,0
SliderLeftTickBarMargin Thickness 0,0,4,0
SliderRightTickBarMargin Thickness 4,0,0,0
SliderThumbBackground SolidColorBrush PrimaryBrush
SliderThumbBackgroundDisabled SolidColorBrush MaterialSliderThumbDisabledBrush
SliderThumbWidth Double 20
SliderThumbHeight Double 20
SliderThumbCornerRadius Double 10
SliderTrackCornerRadius CornerRadius ControlCornerRadius
SliderHorizontalFocusVisualMargin Thickness -14,-6
SliderVerticalFocusVisualMargin Thickness -6,-14