SwipeActions
An iOS Mail-style swipe row that reveals contextual action buttons on the leading or trailing edge when the user swipes horizontally.
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
Low-threshold row
Activates after 40 px
API Reference
SwipeActions
| Property | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | — | The foreground row content that slides to reveal actions. |
| LeadingActions | RenderFragment? | null | Action buttons revealed on the left edge when the user swipes right. Omit to disable leading swipe. |
| TrailingActions | RenderFragment? | null | Action buttons revealed on the right edge when the user swipes left. Omit to disable trailing swipe. |
| ActivationThresholdPx | double | 80 | Minimum horizontal travel required for the panel to lock open on release. Below this the row springs back to closed. |
| Class | string? | null | Additional CSS classes applied to the root container. |
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