Add new list action button views

Author: danielsaidi

RELEASE_NOTES.md

@@ -11,6 +11,14 @@ These release notes cover the current major version. See older versions for olde
 
 
 
+## 6.2
+
+This version adds a `ListActionButton` and `ListActionButtonGroup`.
+
+The old `ListButtonGroup` view has been deprecated.
+
+
+
 ## 6.1.1
 
 This version renames the `onMultilineSubmit` view extension.

Sources/SwiftUIKit/Lists/ListActionButton.swift

@@ -0,0 +1,39 @@
+//
+//  ListActionButton.swift
+//  Vinylsamlaren
+//
+//  Created by Daniel Saidi on 2026-05-26.
+//
+
+import SwiftUI
+
+/// This view can be used in a ``ListActionButtonGroup``.
+@available(iOS 26.0, *)
+public struct ListActionButton: View {
+
+    public init(
+        title: LocalizedStringResource,
+        icon: Image,
+        action: @escaping () -> Void
+    ) {
+        self.title = title
+        self.icon = icon
+        self.action = action
+    }
+
+    let title: LocalizedStringResource
+    let icon: Image
+    let action: () -> Void
+
+    public var body: some View {
+        Button(action: action) {
+            VStack(spacing: 6) {
+                icon
+                Text(title)
+                    .font(.caption)
+                    .fontWeight(.medium)
+            }
+            .frame(maxWidth: .infinity)
+        }
+    }
+}

Sources/SwiftUIKit/Lists/ListActionButtonGroup.swift

@@ -0,0 +1,34 @@
+//
+//  ListActionButtonGroup.swift
+//  Vinylsamlaren
+//
+//  Created by Daniel Saidi on 2026-05-26.
+//
+
+import SwiftUI
+
+/// This view renders a horizontal list action buttons list.
+@available(iOS 26.0, *)
+public struct ListActionButtonGroup<Content: View>: View {
+
+    public init(
+        @ViewBuilder content: @escaping () -> Content
+    ) {
+        self.content = content
+    }
+
+    private let content: () -> Content
+
+    public var body: some View {
+        HStack(spacing: 10) {
+            Group {
+                content()
+            }
+            .tint(.accentColor)
+            .buttonStyle(.bordered)
+            .buttonBorderShape(.roundedRectangle)
+        }
+        .listRowBackground(Color.clear)
+        .listRowInsets(.init(top: 16, leading: 0, bottom: 16, trailing: 0))
+    }
+}

Sources/SwiftUIKit/Lists/ListButtonGroup.swift

@@ -9,10 +9,7 @@
 #if os(iOS)
 import SwiftUI
 
-/// This group applies zero insets and a clear background to render buttons in the
-/// content as a horizontal group.
-///
-/// You can style the view with `.listButtonGroupStyle(...)`.
+@available(*, deprecated, renamed: "ListActionButtonGroup")
 public struct ListButtonGroup<Content: View>: View {
 
     /// Create a form button group section.
@@ -39,72 +36,4 @@ public struct ListButtonGroup<Content: View>: View {
         .listRowBackground(Color.clear)
     }
 }
-
-#Preview {
-    
-    struct PreviewList: View {
-        
-        var body: some View {
-            List {
-                "Add something".previewButton(.add)
-
-                ListButtonGroup {
-                    HStack {
-                        "Bug".previewButton(.bug)
-                        "Camera".previewButton(.camera).disabled(true)
-                        "Photos".previewButton(.camera).opacity(0.5)
-                        "Feedback".previewButton(.feedback)
-                    }
-                }
-                
-                Section {
-                    Text("Preview.Row")
-                }
-            }
-        }
-    }
-    
-    return VStack(spacing: 0) {
-        PreviewList()
-        Divider()
-        PreviewList()
-            .listButtonGroupStyle(.swedish)
-        Divider()
-        PreviewList()
-            .environment(\.colorScheme, .dark)
-    }
-    .frame(maxHeight: .infinity)
-    .background(Color.black.opacity(0.08).ignoresSafeArea())
-}
-
-private extension ButtonStyle where Self == ListButtonGroupStyle {
-    
-    static var swedish: Self {
-        .init(
-            backgroundColor: .blue,
-            labelStyle: .init(color: .yellow)
-        )
-    }
-}
-
-@MainActor
-private extension String {
-    
-    func previewButton(_ icon: Image) -> some View {
-        Button {} label: { Label(LocalizedStringKey(self), icon) }
-    }
-}
-
-private extension Image {
-    
-    static let add = systemImage("plus")
-    static let bug = systemImage("ladybug")
-    static let camera = systemImage("camera")
-    static let feedback = systemImage("envelope")
-    static let photoLibrary = systemImage("photo.on.rectangle.angled")
-    
-    static func systemImage(_ name: String) -> Image {
-        Image(systemName: name)
-    }
-}
 #endif

Sources/SwiftUIKit/Lists/ListButtonGroupStyle.swift

@@ -9,8 +9,7 @@
 #if os(iOS)
 import SwiftUI
 
-/// This button style can generate inline button groups that mimics the look of the
-/// topmost iOS Contact button group.
+@available(*, deprecated, renamed: "ListActionButtonGroup")
 public struct ListButtonGroupStyle: ButtonStyle {
 
     /// Create a custom form group button style.