Cart Item

NFrom Nibware - Original components, crafted in-house.

A cart line item with a quantity stepper.

E-commerce · 35 lines · SwiftUI · iOS 17+

The actual source

CartItem.swift

import SwiftUI

extension View {
    func ecCard(_ w: CGFloat, _ pad: CGFloat = 16) -> some View {
        self.padding(pad).frame(width: w)
            .background(Color(.systemBackground), in: RoundedRectangle(cornerRadius: 18, style: .continuous))
            .overlay(RoundedRectangle(cornerRadius: 18, style: .continuous).stroke(Color.primary.opacity(0.06), lineWidth: 1))
            .shadow(color: .black.opacity(0.05), radius: 14, x: 0, y: 6)
    }
}

func ecImage(_ name: String, _ w: CGFloat, _ h: CGFloat, _ r: CGFloat = 12) -> some View {

Images this component uses

The code references this image by name. Download and drag into your Xcode Asset Catalog, keeping the same name, and the component renders exactly like the preview. Or swap in your own.

carJacket.pngDownload

What it needs

Self-contained SwiftUI - system materials, SF Symbols, no external dependencies. Everything it needs - tokens, sub-views, models - is carried in the copy-paste source above.

Pairs well with