struct App: Identifiable { var name: String var id: String { return name } } let apps: [App] = [ "youtube", "podcast", "twitter", "facebook", "instagram", "free form", "github desktop", "source tree" ].map(App.init(name: )) //you can wrap this CollectionStack into ScrollView as well if you want scrolling CollectionStack(apps) { app in Button { print("Selected tag := \(app.name)") } label: { Text(app.name) .font(.system(.callout, design: .rounded, weight: .regular)) } .buttonStyle(.bordered) .padding(.trailing, 8) .padding(.bottom, 8) }

/// Creates an instance that uniquely identifies and creates views across /// updates based on the identity of the underlying data. /// /// It's important that the `id` of a data element doesn't change unless you /// replace the data element with a new data element that has a new /// identity. If the `id` of a data element changes, the content view /// generated from that data element loses any current state and animations. /// /// - Parameters: /// - data: The identified data that the ``CollectionStack`` instance uses to /// create views dynamically. /// - content: The view builder that creates views dynamically. public init(_ data: Data, @ViewBuilder content: @escaping (Data.Element) -> Content)