SwipeActions
An iOS Mail-style swipe row that reveals contextual action buttons on the leading or trailing edge when the user swipes horizontally.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <SwipeActions />
When to Use
- List rows that have destructive actions (delete, archive) best kept out of the default view
- Inbox or notification lists where swipe-to-dismiss or swipe-to-archive is an expected pattern
- Mobile task managers where quick actions like complete or snooze improve flow
- Any context where a row-level action menu would feel heavy on a touch device
- Replacing long-press context menus with a more discoverable horizontal swipe
Project proposal draft
Swipe left
Q2 budget review
Swipe left
Team standup notes
Swipe left
Meeting with design team
Tomorrow at 10:00 AM
Swipe either way
Unread newsletter
Swipe right to reveal the leading action
Low-threshold row
Activates after 40 px
API Reference
SwipeActions
Related Components
- PullToRefresh — Pull-down gesture to trigger a data reload
- TouchRipple — Visual tap feedback for interactive elements
- ContextMenu — Right-click or long-press menu for row-level actions