Swipe Action Row

A coordinated list-row interaction with two-sided actions, keyboard opening, outside dismissal, and action-owned full swipes.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

@ncdai/react-swipe-actions, motion

Install

npx shadcn@latest add @sona-ui/swipe-action-row

Files

• src/registry/sonaui/swipe-action-row/swipe-action-row.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• List Components
• React List Components
• Tailwind CSS List Components
• Animated List Components

More from Sona UI

• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton
• Button