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
macOS SwiftUI render of Swipe Card Stack
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
NameTypeDefaultDescription
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)