# SwipeActions

Source: https://lumeo.nativ.sh/components/swipe-actions

# 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

Preview Code

Trailing Actions (swipe left)

Delete Archive

Project proposal draft

Swipe left

Delete Archive

Q2 budget review

Swipe left

Delete Archive

Team standup notes

Swipe left

Copy Code

Preview Code

Leading and Trailing Actions

Pin

Delete Snooze

Meeting with design team

Tomorrow at 10:00 AM

Swipe either way

Copy Code

Preview Code

Custom Activation Threshold

Remove

Low-threshold row

Activates after 40 px

Copy Code

## 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](/components/pull-to-refresh) — Pull-down gesture to trigger a data reload
-   [TouchRipple](/components/touch-ripple) — Visual tap feedback for interactive elements
-   [ContextMenu](/components/context-menu) — Right-click or long-press menu for row-level actions