ToggleSwitch Control

Styles

Style Key Semantic Alias IsDefaultStyle*
MaterialToggleSwitchStyle ToggleSwitchStyle True
MaterialDefaultToggleSwitchStyle 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
MediumThumbOffSize Double 24
SmallThumbOffSize Double 16

Themed

Key Type Light
KnobIconPadding Thickness Space025Thickness
KnobIconSize Double IconSizeSmall
KnobOnMargin Thickness 2,0,0,0
LargeThumbCornerRadius CornerRadius 14
LargeThumbSize Double 28
MediumThumbSize Double IconSizeMedium
SmallThumbSize Double IconSizeSmall
SwitchKnobHeight Double ControlHeightSmall
SwitchKnobIncludingOffShadowWidth Double 56
SwitchKnobOffMargin Thickness 0,0,22,0
SwitchKnobOffShadowMargin Thickness 0,0,20,0
SwitchKnobOnMargin Thickness 26,0,0,0
SwitchKnobOnShadowMargin Thickness 20,0,0,0
SwitchKnobRadius Double 16
SwitchKnobShadowSize Double ControlHeightMedium
SwitchKnobStrokeThickness Double 2
SwitchKnobWidth Double 52
ToggleSwitchKnobBoundsFill SolidColorBrush PrimaryBrush
ToggleSwitchKnobBoundsFillDisabled SolidColorBrush OnSurfaceDisabledBrush
ToggleSwitchKnobBoundsFillFocused SolidColorBrush PrimaryBrush
ToggleSwitchKnobBoundsFillPointerOver SolidColorBrush PrimaryBrush
ToggleSwitchKnobBoundsFillPressed SolidColorBrush PrimaryBrush
ToggleSwitchKnobOffFill SolidColorBrush OnSurfaceVariantBrush
ToggleSwitchKnobOffFillDisabled SolidColorBrush OnSurfaceLowBrush
ToggleSwitchKnobOffFillFocused SolidColorBrush OnSurfaceVariantBrush
ToggleSwitchKnobOffFillPointerOver SolidColorBrush OnSurfaceVariantBrush
ToggleSwitchKnobOffFillPressed SolidColorBrush OnSurfaceVariantBrush
ToggleSwitchKnobOffShadowFill SolidColorBrush SystemControlTransparentBrush
ToggleSwitchKnobOffShadowFillFocused SolidColorBrush OnSurfaceVariantFocusedBrush
ToggleSwitchKnobOffShadowFillPointerOver SolidColorBrush OnSurfaceVariantHoverBrush
ToggleSwitchKnobOffShadowFillPressed SolidColorBrush OnSurfaceVariantPressedBrush
ToggleSwitchKnobOnFill SolidColorBrush OnPrimaryBrush
ToggleSwitchKnobOnFillDisabled SolidColorBrush SurfaceBrush
ToggleSwitchKnobOnFillFocused SolidColorBrush PrimaryContainerBrush
ToggleSwitchKnobOnFillPointerOver SolidColorBrush PrimaryContainerBrush
ToggleSwitchKnobOnFillPressed SolidColorBrush PrimaryContainerBrush
ToggleSwitchKnobOnShadowFill SolidColorBrush SystemControlTransparentBrush
ToggleSwitchKnobOnShadowFillFocused SolidColorBrush PrimaryFocusedBrush
ToggleSwitchKnobOnShadowFillPointerOver SolidColorBrush PrimaryHoverBrush
ToggleSwitchKnobOnShadowFillPressed SolidColorBrush PrimaryPressedBrush
ToggleSwitchOffIconPresenterForeground SolidColorBrush SurfaceVariantBrush
ToggleSwitchOffIconPresenterForegroundDisabled SolidColorBrush SurfaceVariantBrush
ToggleSwitchOffOuterBorderFill SolidColorBrush SurfaceVariantBrush
ToggleSwitchOffOuterBorderStroke SolidColorBrush OutlineBrush
ToggleSwitchOnIconPresenterForeground SolidColorBrush OnPrimaryContainerBrush
ToggleSwitchOnIconPresenterForegroundDisabled SolidColorBrush OnSurfaceLowBrush
ToggleSwitchOnSwitchKnobBoundsFill SolidColorBrush PrimaryBrush
ToggleSwitchOuterBorderFill SolidColorBrush SurfaceVariantBrush
ToggleSwitchOuterBorderStroke SolidColorBrush OutlineBrush
ToggleSwitchThemeMinWidth Double 0
ToggleSwitchThumb SolidColorBrush SystemControlTransparentBrush

The Dark theme uses the same values as Light.