FloatingActionButton Control
Styles
| Style Key | Semantic Alias | IsDefaultStyle* |
|---|---|---|
MaterialFabStyle |
FabStyle |
|
MaterialSurfaceFabStyle |
SurfaceFabStyle |
|
MaterialSecondaryFabStyle |
SecondaryFabStyle |
|
MaterialTertiaryFabStyle |
TertiaryFabStyle |
|
MaterialSmallFabStyle |
SmallFabStyle |
|
MaterialSurfaceSmallFabStyle |
SurfaceSmallFabStyle |
|
MaterialSecondarySmallFabStyle |
SecondarySmallFabStyle |
|
MaterialTertiarySmallFabStyle |
TertiarySmallFabStyle |
|
MaterialLargeFabStyle |
LargeFabStyle |
|
MaterialSurfaceLargeFabStyle |
SurfaceLargeFabStyle |
|
MaterialSecondaryLargeFabStyle |
SecondaryLargeFabStyle |
|
MaterialTertiaryLargeFabStyle |
TertiaryLargeFabStyle |
IsDefaultStyle*: Styles in this column will be set as the default implicit style for the matching control
Lightweight Styling
Themed
| Key | Type | Light |
|---|---|---|
FabBackground |
SolidColorBrush |
PrimaryContainerBrush |
FabBackgroundDisabled |
SolidColorBrush |
SystemControlTransparentBrush |
FabBackgroundPointerOver |
SolidColorBrush |
PrimaryContainerBrush |
FabBackgroundPressed |
SolidColorBrush |
PrimaryContainerBrush |
FabForeground |
SolidColorBrush |
OnPrimaryContainerBrush |
FabForegroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabForegroundPointerOver |
SolidColorBrush |
OnPrimaryContainerBrush |
FabForegroundPressed |
SolidColorBrush |
OnPrimaryContainerBrush |
FabSecondaryBackground |
SolidColorBrush |
SecondaryContainerBrush |
FabSecondaryBackgroundDisabled |
SolidColorBrush |
SystemControlTransparentBrush |
FabSecondaryBackgroundPointerOver |
SolidColorBrush |
SecondaryContainerBrush |
FabSecondaryBackgroundPressed |
SolidColorBrush |
SecondaryContainerBrush |
FabSecondaryForeground |
SolidColorBrush |
OnSecondaryContainerBrush |
FabSecondaryForegroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabSecondaryForegroundPointerOver |
SolidColorBrush |
OnSecondaryContainerBrush |
FabSecondaryForegroundPressed |
SolidColorBrush |
OnSecondaryContainerBrush |
FabSecondaryStateOverlayBackground |
SolidColorBrush |
SystemControlTransparentBrush |
FabSecondaryStateOverlayBackgroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabSecondaryStateOverlayBackgroundFocused |
SolidColorBrush |
OnSecondaryContainerFocusedBrush |
FabSecondaryStateOverlayBackgroundPointerOver |
SolidColorBrush |
OnSecondaryContainerHoverBrush |
FabSecondaryStateOverlayBackgroundPressed |
SolidColorBrush |
OnSecondaryContainerPressedBrush |
FabStateOverlayBackground |
SolidColorBrush |
SystemControlTransparentBrush |
FabStateOverlayBackgroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabStateOverlayBackgroundFocused |
SolidColorBrush |
OnPrimaryContainerFocusedBrush |
FabStateOverlayBackgroundPointerOver |
SolidColorBrush |
OnPrimaryContainerHoverBrush |
FabStateOverlayBackgroundPressed |
SolidColorBrush |
OnPrimaryContainerPressedBrush |
FabSurfaceBackground |
SolidColorBrush |
SurfaceBrush |
FabSurfaceBackgroundDisabled |
SolidColorBrush |
SystemControlTransparentBrush |
FabSurfaceBackgroundPointerOver |
SolidColorBrush |
SurfaceBrush |
FabSurfaceBackgroundPressed |
SolidColorBrush |
SurfaceBrush |
FabSurfaceForeground |
SolidColorBrush |
OnPrimaryContainerBrush |
FabSurfaceForegroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabSurfaceForegroundPointerOver |
SolidColorBrush |
OnPrimaryContainerBrush |
FabSurfaceForegroundPressed |
SolidColorBrush |
OnPrimaryContainerBrush |
FabSurfaceStateOverlayBackground |
SolidColorBrush |
SystemControlTransparentBrush |
FabSurfaceStateOverlayBackgroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabSurfaceStateOverlayBackgroundFocused |
SolidColorBrush |
PrimaryFocusedBrush |
FabSurfaceStateOverlayBackgroundPointerOver |
SolidColorBrush |
PrimaryHoverBrush |
FabSurfaceStateOverlayBackgroundPressed |
SolidColorBrush |
PrimaryPressedBrush |
FabTertiaryBackground |
SolidColorBrush |
TertiaryContainerBrush |
FabTertiaryBackgroundDisabled |
SolidColorBrush |
SystemControlTransparentBrush |
FabTertiaryBackgroundPointerOver |
SolidColorBrush |
TertiaryContainerBrush |
FabTertiaryBackgroundPressed |
SolidColorBrush |
TertiaryContainerBrush |
FabTertiaryForeground |
SolidColorBrush |
OnTertiaryContainerBrush |
FabTertiaryForegroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabTertiaryForegroundPointerOver |
SolidColorBrush |
OnTertiaryContainerBrush |
FabTertiaryForegroundPressed |
SolidColorBrush |
OnTertiaryContainerBrush |
FabTertiaryStateOverlayBackgroundDisabled |
SolidColorBrush |
OnSurfaceDisabledBrush |
FabTertiaryStateOverlayBackgroundFocused |
SolidColorBrush |
SystemControlTransparentBrush |
FabTertiaryStateOverlayBackgroundPointerOver |
SolidColorBrush |
SystemControlTransparentBrush |
FabTertiaryStateOverlayBackgroundPressed |
SolidColorBrush |
SystemControlTransparentBrush |
MaterialFabContentWidthOrHeight |
Double |
IconSizeSmall |
MaterialFabCornerRadius |
CornerRadius |
Radius400CornerRadius |
MaterialFabIconTextPadding |
Double |
Space150 |
MaterialFabPadding |
Thickness |
20 |
MaterialLargeFabContentWidthOrHeight |
Double |
IconSizeMedium |
MaterialLargeFabCornerRadius |
CornerRadius |
Radius700CornerRadius |
MaterialLargeFabPadding |
Thickness |
36 |
MaterialSmallFabContentWidthOrHeight |
Double |
IconSizeSmall |
MaterialSmallFabCornerRadius |
CornerRadius |
Radius300CornerRadius |
MaterialSmallFabPadding |
Thickness |
12 |
The Dark theme uses the same values as Light.