Skip to content
DEV VAULT
Frameworks
Tools
Packages
Backend Concepts
DevOps
Platforms
Effects
Guide
Frameworks
Tools
Packages
Backend Concepts
DevOps
Platforms
Effects
Guide
Home
/
Effects
/
Floating Action Button
/
Edit
Effects
Edit entry
Floating Action Button
Core details
Title
*
Description
*
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.
Category
*
Frameworks
Tools
Packages
Backend Concepts
DevOps
Platforms
Effects
Usage & Trade-offs
All fields support markdown. Use concise bullets and concrete situations.
When to use it
*
Use FAB when: - Highlighting key actions in mobile UIs. - Following Material guidelines. - Adding speed dial for multiples. - Enhancing bottom navigation.
Pros
*
- Intuitive for touch targets. - Saves space with elevation. - Animatable for delight. - Consistent with Android patterns. - Accessible with labels.
Cons
*
- Clutter if overused. - Obscures content below. - Desktop less relevant. - Custom sizing tricky. - iOS skeumorphic clash.
Notes
Note: Position fixed bottom-right. Use ripple effects. Hide on scroll.
Cancel
Save Changes