Skip to main content

Home App Patterns Floating action button

Floating action button

A round button anchored to a corner that hovers above content.

A FAB is a round button that hovers above the content, usually at the bottom-right. It represents the single most important action on the screen — Compose new email, New message, Add item.

One FAB per screen, max. Multiple FABs make none of them special. Keep the icon obvious and pair it with a label on first use so users learn what it does.

Related terms