FAB / Speed Dial

DaisyUI

FAB (Floating Action Button) stays in the bottom corner of screen. Clicking or focusing it shows additional buttons (Speed Dial).

Basic FAB

Single FAB

With Labels

Label B

Label C

Label D

With Close Button

CloseX

Label A

Label B

With Main Action

Main Action

Label A

Label B

Flower Arrangement

Code Example

use rsxui::components::{Fab, FabModifier};

use rsx_macros::rsx;

let html = rsx! {

    <Fab modifier=FabModifier::Flower>

        <div tabindex="0" role="button" class="btn btn-circle">"F"</div>

        <button class="btn btn-circle">"A"</button>

    </Fab>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026