Swipe Actions

A swipeable list row (like a mobile ticket stub) that reveals action buttons such as pin or void when swiped or tapped.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Swipe Actions to your project and fits it to your theme.

import { SwipeActions } from "@/components/ui/swipe-actions";

export default function SwipeActionsDemo() {
  return (
    <div className="flex w-full max-w-sm items-center justify-center bg-background p-8">
      <SwipeActions />
    </div>
  );
}