Skip to main content

extended_floating_action_button

Function extended_floating_action_button 

Source
pub fn extended_floating_action_button(
    label: impl Into<String>,
) -> ExtendedFloatingActionButtonBuilder
Expand description

§extended_floating_action_button

Show a primary action with an animated label in one of three Expressive sizes.

§Usage

Keep primary actions recognizable and collapse their labels when space is limited.

§Parameters

  • label — action name, retained as the accessible name while collapsed.
  • size — small, medium, or large container and typography.
  • icon — optional vector or raster icon, sized automatically.
  • expanded — show the label beside the icon; label-only buttons stay expanded.
  • modifier — positioning and size constraints.
  • on_click, enabled — activation callback and enabled state.
  • container_color, content_color — optional theme color overrides.
  • shape, elevation — optional shape and interaction elevation overrides.
  • accessibility_label — optional spoken name replacing the visible label.

§Examples

use tessera_components::{
    extended_floating_action_button::extended_floating_action_button,
    material_icons::filled,
};
use tessera_ui::{remember, tessera};

#[tessera]
fn compose_action() {
    let expanded = remember(|| true);
    assert!(expanded.get());
    extended_floating_action_button("Compose")
        .icon(filled::EDIT_SVG)
        .expanded(expanded.get())
        .on_click(move || expanded.set(!expanded.get()));
}