Extended floating action button.
Adds a text label to a floating action button.
See it in context
What it is
The extended form combines an icon with a short action label, making a floating command easier to interpret. It uses more horizontal space than an icon-only FAB.
When to use it
Keep the label short and preserve a clear floating relationship to the content.
Know the difference
A regular primary button belongs in the layout; an extended FAB visually floats above it.
Across platforms
Web
Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.
iOS · iPadOS · Android
Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.
macOS · Windows · Linux
Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.
Go to the source
Primary documentation for the pattern and its platform conventions.