Floating action buttons
The floating action button (FAB) is a prominent circular button fixed to screen edges or corners, used for positive, constructive actions like creating, adding, or sharing. While primarily an Android pattern, some Google apps like Drive and Gmail implement FABs on iOS.
Key FAB design principles:
- Use one FAB per screen
- Choose icons that clearly communicate the button's purpose
- Reserve for positive actions, avoiding destructive ones like archive or delete
FAB can transition in three ways after tapping:
Pro Tip: Design FABs with a text label when the icon's meaning is not clear on its own.