Swipe Card

Display

Tinder-style stacked cards with mouse drag to dismiss left or right.

Swipe Card — drag left/right to dismiss

Instalação via CLI

$ npx kikitocn add swipe-card

Exemplo de uso

Swipe CardExample.tsx

import { SwipeCard } from "@/components/ui/cn/swipe-card/SwipeCard";

export function SwipeCardExample() {
  return (
    <SwipeCard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`SwipeCardItem[]`	—	Array de { id, children }
`onSwipeLeft`	`(id: string \| number) => void`	—	Callback ao descartar para esquerda
`onSwipeRight`	`(id: string \| number) => void`	—	Callback ao descartar para direita
`threshold`	`number`	`100`	Distância mínima para disparar swipe (px)
`className`	`string`	—	Classes CSS extras

Carregando…