Floating action button

A round button that floats above the rest of the content, usually in a bottom corner of the screen.

Also called: floating action button, fab, floating button, round button, round button with a plus, plus in the corner, plus button, button in the corner, chat button, chat bubble, button on top of the page, speed dial

What it is for

It spotlights the screen’s main action, like creating something new or opening a chat. It stays within reach no matter how far you scroll. Sometimes it opens into a speed dial with several options.

Where you see it

  • Email clients — the “Compose” button
  • Note-taking apps — quickly creating a new note
  • Websites — support chat or call-back widgets

What it is called in code

  • floating action button
  • FAB
  • position: fixed

See also

  • Button — An element you click or tap to make something happen: send a form, save your data, go to the next step.
  • Bottom navigation — A navigation bar fixed to the bottom of a phone screen, with 3–5 icons for the main sections.
  • Back-to-top button — A floating button, usually with an up arrow, that takes you back to the top of the page.