Struct MaterialFab 

pub struct MaterialFab<'a> { /* private fields */ }

Material Design Floating Action Button (FAB) component

FABs help users take primary actions within an app. They appear in front of all screen content, typically as a circular button with an icon in the center.

Usage Examples

// Primary FAB with add icon
ui.add(MaterialFab::primary()
    .icon("add")
    .action(|| println!("Add clicked")));

// Extended FAB with text
ui.add(MaterialFab::primary()
    .size(FabSize::Extended)
    .icon("edit")
    .text("Compose")
    .action(|| println!("Compose clicked")));

// Large FAB for prominent action
ui.add(MaterialFab::primary()
    .size(FabSize::Large)
    .icon("camera")
    .action(|| println!("Camera clicked")));

Material Design Spec

• Elevation: 6dp (raised above content)
• Corner radius: 50% (fully rounded)
• Sizes: Small (40dp), Regular (56dp), Large (96dp), Extended (≥80dp)
• Icon size: 24dp for regular, 32dp for large
• Placement: 16dp from screen edge, above navigation bars

Implementations

impl<'a> MaterialFab<'a>

pub fn new(variant: FabVariant) -> Self

Create a new FAB with the specified variant

Parameters

• variant: The color variant to use for the FAB

pub fn surface() -> Self

Create a surface FAB

pub fn primary() -> Self

Create a primary FAB

pub fn secondary() -> Self

Create a secondary FAB

pub fn tertiary() -> Self

Create a tertiary FAB

pub fn branded() -> Self

Create a branded FAB

pub fn size(self, size: FabSize) -> Self

Set the size of the FAB

pub fn icon(self, icon: impl Into<String>) -> Self

Set the icon of the FAB

pub fn text(self, text: impl Into<String>) -> Self

Set the text of the FAB (for extended FABs)

pub fn enabled(self, enabled: bool) -> Self

Enable or disable the FAB

pub fn lowered(self, _lowered: bool) -> Self

Set the lowered state of the FAB (elevation effect)

pub fn svg_icon(self, svg_icon: SvgIcon) -> Self

Set a custom SVG icon for the FAB

pub fn on_click<F>(self, f: F) -> Self

where F: Fn() + 'a,

Set the action to perform when the FAB is clicked

Trait Implementations

impl<'a> Widget for MaterialFab<'a>

fn ui(self, ui: &mut Ui) -> Response

Allocate space, interact, paint, and return a Response.