Composition
Swipe Card Stack
Auto-emitted from DSKintsugiCatalog.swipecardstack. Tier organism.
Live Preview
Card 3 of 3
Tactical FX overlay
Card 2 of 3
Emerging markets — note
Card 1 of 3
Sustainable bonds — Q2 dossier
Swipe right to add to portfolio, left to dismiss. Tap for details.
Native · macOS
DSL usage
SwipeCardStack(items: dossiers) { dossier in
DossierCard(dossier: dossier)
} onSwipe: { event in
switch event.direction {
case .right: viewModel.add(event.item)
case .left: viewModel.dismiss(event.item)
default: break
}
}
Attributes
| Name | Type | Default | Description |
|---|---|---|---|
items |
[Item] | — |
Items rendered as cards (first = top of stack). |
content |
(Item) -> Content | — |
Card body builder, called per item. |
onSwipe |
(SwipeEvent<Item>) -> Void | — |
.left / .right / .up / .down + item ref. |
Used in
sigma-analytics (onboarding) wabisabi (origin) obyw-one landings (testimonials)