Skip to main content

FabMenu

Function FabMenu 

Source
pub fn FabMenu(_: FabMenuProps) -> Element
Expand description

A floating action button that opens a list of secondary actions, with the open state and close icon handled for you. A speed dial.

rsx! {
    FabMenu { aria_label: "Create", icon: rsx! { Plus {} },
        FabButton { size: FabSize::Small, aria_label: "Round", onclick: new_round, Flag {} }
        FabButton { size: FabSize::Small, aria_label: "Player", onclick: new_player, User {} }
    }
}

ยงProps

For details, see the props struct definition.

  • aria_label : String

    Accessible name of the main button.

  • icon : Element

    Icon of the main button while closed.

  • open : Option<Signal<bool>>

    Whether the list is open. Kept internally when not given.

  • side : Option<FabListSide>

    Which way the list opens. Defaults to FabListSide::Top.

  • vertical : Option<FabVertical>

    Vertical position. Defaults to FabVertical::Bottom.

  • horizontal : Option<FabHorizontal>

    Horizontal position. Defaults to FabHorizontal::End.

  • mode : Option<ComponentMode>

    Platform look. Defaults to the ambient mode.

  • class : Option<String>

    Extra classes for the container.

  • children : Element

    The secondary FabButtons.