Button Control

Styles

Style Key IsDefaultStyle*
ElevatedButtonStyle
FilledButtonStyle True
FilledTonalButtonStyle
OutlinedButtonStyle
TextButtonStyle
IconButtonStyle

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

Lightweight Styling

Key Type Value
ElevatedButtonForeground SolidColorBrush PrimaryBrush
ElevatedButtonForegroundPointerOver SolidColorBrush PrimaryBrush
ElevatedButtonForegroundPressed SolidColorBrush PrimaryBrush
ElevatedButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
ElevatedButtonIconForeground SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundPointerOver SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundPressed SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
ElevatedButtonBackground SolidColorBrush SurfaceBrush
ElevatedButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
ElevatedButtonBackgroundPointerOver SolidColorBrush SurfaceBrush
ElevatedButtonBackgroundPressed SolidColorBrush SurfaceBrush
ElevatedButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
ElevatedButtonStateLayerBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
ElevatedButtonStateLayerBackgroundPressed SolidColorBrush PrimaryPressedBrush
FilledButtonForeground SolidColorBrush OnPrimaryBrush
FilledButtonForegroundPointerOver SolidColorBrush OnPrimaryBrush
FilledButtonForegroundPressed SolidColorBrush OnPrimaryBrush
FilledButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledButtonIconForeground SolidColorBrush OnPrimaryBrush
FilledButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledButtonIconForegroundPointerOver SolidColorBrush OnPrimaryBrush
FilledButtonIconForegroundPressed SolidColorBrush OnPrimaryBrush
FilledButtonBackground SolidColorBrush PrimaryBrush
FilledButtonBackgroundPointerOver SolidColorBrush PrimaryBrush
FilledButtonBackgroundPressed SolidColorBrush PrimaryBrush
FilledButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
FilledButtonStateLayerBackgroundPointerOver SolidColorBrush OnPrimaryHoverBrush
FilledButtonStateLayerBackgroundPressed SolidColorBrush OnPrimaryPressedBrush
FilledTonalButtonForeground SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundPointerOver SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundPressed SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledTonalButtonIconForeground SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledTonalButtonIconForegroundPointerOver SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonIconForegroundPressed SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonBackground SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundPointerOver SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundPressed SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledTonalButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonStateLayerBackgroundPointerOver SolidColorBrush OnSecondaryContainerHoverBrush
FilledTonalButtonStateLayerBackgroundPressed SolidColorBrush OnSecondaryContainerPressedBrush
OutlinedButtonForeground SolidColorBrush PrimaryBrush
OutlinedButtonForegroundPressed SolidColorBrush PrimaryBrush
OutlinedButtonForegroundPointerOver SolidColorBrush PrimaryBrush
OutlinedButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
OutlinedButtonIconForeground SolidColorBrush PrimaryBrush
OutlinedButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
OutlinedButtonIconForegroundPointerOver SolidColorBrush PrimaryBrush
OutlinedButtonIconForegroundPressed SolidColorBrush PrimaryBrush
OutlinedButtonBackground SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundPointerOver SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundPressed SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
OutlinedButtonBorderBrush SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushPointerOver SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushPressed SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushDisabled SolidColorBrush OutlineDisabledBrush
OutlinedButtonStateLayerBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
OutlinedButtonStateLayerBackgroundPressed SolidColorBrush PrimaryPressedBrush
TextButtonForeground SolidColorBrush PrimaryBrush
TextButtonForegroundPressed SolidColorBrush PrimaryBrush
TextButtonForegroundPointerOver SolidColorBrush PrimaryBrush
TextButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
TextButtonIconForeground SolidColorBrush PrimaryBrush
TextButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
TextButtonIconForegroundPointerOver SolidColorBrush PrimaryBrush
TextButtonIconForegroundPressed SolidColorBrush PrimaryBrush
TextButtonBackground SolidColorBrush SystemControlTransparentBrush
TextButtonBackgroundPointerOver SolidColorBrush SystemControlTransparentBrush
TextButtonBackgroundPressed SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
TextButtonStateLayerBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
TextButtonStateLayerBackgroundPressed SolidColorBrush PrimaryPressedBrush
IconButtonForeground SolidColorBrush OnSurfaceVariantBrush
IconButtonForegroundDisabled SolidColorBrush OnSurfaceLowBrush
IconButtonEllipseFillPointerOver SolidColorBrush PrimaryHoverBrush
IconButtonEllipseFillPressed SolidColorBrush PrimaryPressedBrush
IconButtonEllipseFillFocused SolidColorBrush PrimaryFocusedBrush
ButtonMinHeight Double 40
ButtonMinWidth Double 40
ButtonIconMinWidth Double 18
ElevatedButtonElevation Double 1
ElevatedButtonElevationDisabled Double 0
ButtonElevation Double 0
IconButtonOpacityVisibleState Double 1
IconButtonOpacityHiddenState Double 0
ButtonPadding Thickness 16,0
TextButtonPadding Thickness 12,0
TextButtonIconMargin Thickness 0,0,8,0
ButtonBorderThickness Thickness 0
OutlinedButtonBorderThickness Thickness 1
ElevatedButtonMargin Thickness 0,0,0,1
ElevatedButtonDisabledMargin Thickness 0
ButtonContentMargin Thickness 8,0
ButtonMargin Thickness 0
ButtonCornerRadius CornerRadius 20