Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/221. Stacked Action Button

Stacked Action Button

 DesktopAwarenessPathfindingWeb

Generated Description

This pattern keeps primary actions readily accessible by stacking them vertically, ensuring users can quickly initiate key tasks without scrolling.

View more...

Pattern Metadata

Released: Jun 2, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 221. Stacked Action Button.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This pattern keeps primary actions readily accessible by stacking them vertically, ensuring users can quickly initiate key tasks without scrolling.
VotesUp
VotesDown
Pattern ID
221
UX Flows
Awareness
Pathfinding
UI Components
Fixed on Scroll
Navbar
Infinite Scroll
Button
Back Link
Search Input
Version
2.1.19

Twitter

 
notion image
 

Related Patterns

  • 4. Floating Status Banner
  • 222. Floating Banner on User Input
  • 262. Bottom Fixed Modal Blackout
  • 299. Fixed Corner Popup with Steps
  • 354. Figma - Floating Form with Steps
  • 369. Fixed Form with Steps
  • 370. Floating Navbar Menus
  • 406. Fixed Bottom-Right Chat Bubble

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback