Swipe Actions

PRO

Touch-friendly swipe gesture component with multi-directional support, progressive actions, and customizable animations

Pro Features

Unlock advanced capabilities with the Pro version

Multi-Directional

Swipe in all four directions (left, right, up, down) for different actions

Progressive Actions

Multiple actions per direction with threshold-based disclosure

Haptic Feedback

Optional vibration feedback on action trigger for enhanced UX

Auto-Reset

Configurable auto-reset with customizable delay after action

Animation Types

Spring, bounce, ease, and linear animations with full customization

Keyboard Support

Full keyboard navigation with arrow keys for accessibility

Installation

Install via CLI

npx moonui-cli@latest add swipe-actions

Usage

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

← Delete

Archive →

Examples

Multi-Directional Swipe

PRO

Swipe in all four directions for different actions

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Progressive Actions

PRO

Multiple actions revealed as you swipe further

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

60px: Star

120px: Flag

180px: Delete

Animation Types

PRO

Different animation styles for swipe interactions

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Spring Animation

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Bounce Animation

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Ease Animation

Email List Actions

PRO

Real-world email management with multiple actions

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Task Management

PRO

Task list with complete, edit, and delete actions

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

Social Media Actions

PRO

Like, comment, share, and more actions

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

← Like

Comment →

Custom Styling & Sizes

PRO

Customize action sizes, spacing, and progress indicators

Pro Required

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

← Swipe to see small action

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

← Swipe to see medium action

Pro Component - SwipeActions

Bu bileşen MoonUI Pro aboneliği gerektirir.

← Swipe to see large action