Skip to main content

floating_action_button

Function floating_action_button 

Source
pub fn floating_action_button() -> FloatingActionButtonBuilder
Expand description

§floating_action_button

Render a floating action button for primary actions and quick access tasks.

§Usage

Use for a screen’s most important action, typically shown above the main content.

§Parameters

  • size - optional floating action button size variant.
  • modifier - modifier chain applied to the button.
  • enabled - optional enabled flag.
  • container_color - optional container color override.
  • content_color - optional content color override.
  • shape - optional shape override.
  • elevation - optional elevation profile override.
  • on_click - optional click callback.
  • disabled_container_color - optional disabled container color override.
  • disabled_content_color - optional disabled content color override.
  • interaction_state - optional shared interaction state.
  • ripple_color - optional ripple tint override.
  • accessibility_label - optional accessibility label.
  • accessibility_description - optional accessibility description.
  • content - optional content render slot, typically an icon.

§Examples

use tessera_components::floating_action_button::floating_action_button;
use tessera_ui::{Callback, remember, tessera};

#[tessera]
fn component() {
    let clicked = remember(|| false);
    let on_click = Callback::new({ move || clicked.with_mut(|value| *value = true) });
    let on_click_shared = on_click.clone();
    on_click.call();

    assert!(clicked.with(|value| *value));

    floating_action_button()
        .on_click_shared(on_click_shared)
        .content(|| {});
}