Skip to main content

FAB

A floating action button (FAB) is a button that hovers above the content of a user interface, appearing as if it is floating over it.

Overview

The purpose of FABs is to provide a convenient and prominent way for users to execute a key action within an application or interface. They are commonly used for actions such as adding new content, initiating a chat or triggering a primary action related to the context underneath.

A floating action button placed in the bottom right of a container

Resources

Stable
Figma Documentation
Planned
Web Components
Planned
Vue [Fozzie]
N/A
React [Snacks]
N/A
iOS JustUI [UI Kit]
Stable
iOS PIE [SwiftUI]
Stable
Android PIE [Compose & Views]
Planned