Stacked Tinder-Swipe Cards
ProSwipe and the card flies—the next rises before you let go.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
cards | SwipeCardItem[] | - | Cards in the swipe deck. |
visibleCount | number | 3 | Visible cards in the stack. |
width | number | 320 | Width of each card in pixels. |
height | number | 440 | Height of each card in pixels. |
showActions | boolean | true | Show the action button row (Pass / Super-like / Like). |
betweenActions | React.ReactNode | - | Optional content rendered between the card stack and action controls. |
loop | boolean | true | Re-cycle swiped cards back onto the bottom of the deck. |
onSwipe | (id: string, direction: SwipeDirection) => void | - | Fired after a card is swiped away. |