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.