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.