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
ElevatedButtonForegroundFocused SolidColorBrush PrimaryBrush
ElevatedButtonForegroundPointerFocused SolidColorBrush PrimaryBrush
ElevatedButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
ElevatedButtonIconForeground SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundPointerOver SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundPressed SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundFocused SolidColorBrush PrimaryBrush
ElevatedButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
ElevatedButtonIconForegroundPointerFocused SolidColorBrush PrimaryBrush
ElevatedButtonBackground SolidColorBrush SurfaceBrush
ElevatedButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
ElevatedButtonBackgroundPointerOver SolidColorBrush SurfaceBrush
ElevatedButtonBackgroundPressed SolidColorBrush SurfaceBrush
ElevatedButtonBackgroundFocused SolidColorBrush SurfaceBrush
ElevatedButtonBackgroundPointerFocused SolidColorBrush SurfaceBrush
ElevatedButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushFocused SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
ElevatedButtonBorderBrushPointerFocused SolidColorBrush SystemControlTransparentBrush
ElevatedButtonStateLayerBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
ElevatedButtonStateLayerBackgroundPressed SolidColorBrush PrimaryPressedBrush
ElevatedButtonStateLayerBackgroundFocused SolidColorBrush PrimaryFocusedBrush
ElevatedButtonStateLayerBackgroundPointerFocused SolidColorBrush PrimaryFocusedBrush
FilledButtonForeground SolidColorBrush OnPrimaryBrush
FilledButtonForegroundPointerOver SolidColorBrush OnPrimaryBrush
FilledButtonForegroundPressed SolidColorBrush OnPrimaryBrush
FilledButtonForegroundPointerFocused SolidColorBrush OnPrimaryBrush
FilledButtonForegroundFocused SolidColorBrush OnPrimaryBrush
FilledButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledButtonIconForeground SolidColorBrush OnPrimaryBrush
FilledButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledButtonIconForegroundPointerOver SolidColorBrush OnPrimaryBrush
FilledButtonIconForegroundPressed SolidColorBrush OnPrimaryBrush
FilledButtonIconForegroundFocused SolidColorBrush OnPrimaryBrush
FilledButtonIconForegroundPointerFocused SolidColorBrush OnPrimaryBrush
FilledButtonBackground SolidColorBrush PrimaryBrush
FilledButtonBackgroundPointerOver SolidColorBrush PrimaryBrush
FilledButtonBackgroundPressed SolidColorBrush PrimaryBrush
FilledButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledButtonBackgroundFocused SolidColorBrush PrimaryBrush
FilledButtonBackgroundPointerFocused SolidColorBrush PrimaryBrush
FilledButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushFocused SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
FilledButtonBorderBrushPointerFocused SolidColorBrush SystemControlTransparentBrush
FilledButtonStateLayerBackgroundPointerOver SolidColorBrush OnPrimaryHoverBrush
FilledButtonStateLayerBackgroundPressed SolidColorBrush OnPrimaryPressedBrush
FilledButtonStateLayerBackgroundFocused SolidColorBrush OnPrimaryFocusedBrush
FilledButtonStateLayerBackgroundPointerFocused SolidColorBrush OnPrimaryFocusedBrush
FilledTonalButtonForeground SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundPointerOver SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundPressed SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundFocused SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundPointerFocused SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledTonalButtonIconForeground SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledTonalButtonIconForegroundPointerOver SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonIconForegroundPressed SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonIconForegroundFocused SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonIconForegroundPointerFocused SolidColorBrush OnSecondaryContainerBrush
FilledTonalButtonBackground SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundPointerOver SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundPressed SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
FilledTonalButtonBackgroundFocused SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBackgroundPointerFocused SolidColorBrush SecondaryContainerBrush
FilledTonalButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushFocused SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonBorderBrushPointerFocused SolidColorBrush SystemControlTransparentBrush
FilledTonalButtonStateLayerBackgroundPointerOver SolidColorBrush OnSecondaryContainerHoverBrush
FilledTonalButtonStateLayerBackgroundPressed SolidColorBrush OnSecondaryContainerPressedBrush
FilledTonalButtonStateLayerBackgroundFocused SolidColorBrush OnSecondaryContainerFocusedBrush
FilledTonalButtonStateLayerBackgroundPointerFocused SolidColorBrush OnSecondaryContainerFocusedBrush
OutlinedButtonForeground SolidColorBrush PrimaryBrush
OutlinedButtonForegroundPressed SolidColorBrush PrimaryBrush
OutlinedButtonForegroundPointerOver SolidColorBrush PrimaryBrush
OutlinedButtonForegroundFocused SolidColorBrush PrimaryBrush
OutlinedButtonForegroundPointerFocused SolidColorBrush PrimaryBrush
OutlinedButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
OutlinedButtonIconForeground SolidColorBrush PrimaryBrush
OutlinedButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
OutlinedButtonIconForegroundPointerOver SolidColorBrush PrimaryBrush
OutlinedButtonIconForegroundPressed SolidColorBrush PrimaryBrush
OutlinedButtonIconForegroundFocused SolidColorBrush PrimaryBrush
OutlinedButtonIconForegroundPointerFocused SolidColorBrush PrimaryBrush
OutlinedButtonBackground SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundPointerOver SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundPressed SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundDisabled SolidColorBrush OnSurfaceDisabledBrush
OutlinedButtonBackgroundFocused SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBackgroundPointerFocused SolidColorBrush SystemControlTransparentBrush
OutlinedButtonBorderBrush SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushPointerOver SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushPressed SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushFocused SolidColorBrush OutlineBrush
OutlinedButtonBorderBrushDisabled SolidColorBrush OutlineDisabledBrush
OutlinedButtonBorderBrushPointerFocused SolidColorBrush OutlineBrush
OutlinedButtonStateLayerBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
OutlinedButtonStateLayerBackgroundPressed SolidColorBrush PrimaryPressedBrush
OutlinedButtonStateLayerBackgroundFocused SolidColorBrush PrimaryFocusedBrush
OutlinedButtonStateLayerBackgroundPointerFocused SolidColorBrush PrimaryFocusedBrush
TextButtonForeground SolidColorBrush PrimaryBrush
TextButtonForegroundPressed SolidColorBrush PrimaryBrush
TextButtonForegroundPointerOver SolidColorBrush PrimaryBrush
TextButtonForegroundFocused SolidColorBrush PrimaryBrush
TextButtonForegroundPointerFocused SolidColorBrush PrimaryBrush
TextButtonForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
TextButtonIconForeground SolidColorBrush PrimaryBrush
TextButtonIconForegroundDisabled SolidColorBrush OnSurfaceDisabledBrush
TextButtonIconForegroundPointerOver SolidColorBrush PrimaryBrush
TextButtonIconForegroundPressed SolidColorBrush PrimaryBrush
TextButtonIconForegroundFocused SolidColorBrush PrimaryBrush
TextButtonIconForegroundPointerFocused SolidColorBrush PrimaryBrush
TextButtonBackground SolidColorBrush SystemControlTransparentBrush
TextButtonBackgroundPointerOver SolidColorBrush SystemControlTransparentBrush
TextButtonBackgroundPressed SolidColorBrush SystemControlTransparentBrush
TextButtonBackgroundFocused SolidColorBrush SystemControlTransparentBrush
TextButtonBackgroundPointerFocused SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrush SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushPointerOver SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushPressed SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushFocused SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushDisabled SolidColorBrush SystemControlTransparentBrush
TextButtonBorderBrushPointerFocused SolidColorBrush SystemControlTransparentBrush
TextButtonStateLayerBackgroundPointerOver SolidColorBrush PrimaryHoverBrush
TextButtonStateLayerBackgroundPressed SolidColorBrush PrimaryPressedBrush
TextButtonStateLayerBackgroundFocused SolidColorBrush PrimaryFocusedBrush
TextButtonStateLayerBackgroundPointerFocused SolidColorBrush PrimaryFocusedBrush
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