Floating Action Button

A Floating Action Button (FAB) is a circular button floating above UI for primary actions, following Material Design for prominence in mobile apps.

It expands to menus or sheets on interaction.

Use FAB when:

• Highlighting key actions in mobile UIs.
• Following Material guidelines.
• Adding speed dial for multiples.
• Enhancing bottom navigation.

Note: Position fixed bottom-right.

Use ripple effects.

Hide on scroll.