Add example

Author: aheze

Example/SettingExample/PreferencesView.swift

@@ -225,45 +225,23 @@ struct PreferencesView: View {
                     }
                     .previewIcon(icon: .system(icon: "paintbrush.fill", backgroundColor: Color(hex: model.color)))
 
-                    SettingPage(
-                        title: "Mode",
-                        selectedChoice: "Normal",
-                        previewConfiguration: .init(
-                            icon: .system(icon: "paintbrush.fill", backgroundColor: Color(hex: model.color))
-                        )
-                    ) {
-                        SettingCustomView(id: "Color Picker Preview") {
-                            VStack {
-                                if #available(iOS 16.0, macOS 13.0, *) {
-                                    Rectangle()
-                                        .fill(Color(hex: model.color).gradient)
-                                } else {
-                                    Rectangle()
-                                        .fill(Color(hex: model.color))
-                                }
+                    SettingPage(title: "Extras", selectedChoice: "Hello, world!") {
+                        SettingGroup {
+                            SettingButton(title: "Hello, world!") {
+                                print("Hello world pressed!")
                             }
-                            .frame(height: 100)
-                            .cornerRadius(12)
-                            .shadow(color: .black.opacity(0.25), radius: 12, x: 0, y: 6)
-                            .padding(.horizontal, 16)
+                            .icon(icon: .system(icon: "ellipsis", backgroundColor: Color.teal))
                         }
-
+                        
                         SettingGroup {
-                            SettingText(title: "Choose a Color")
-
-                            SettingCustomView(id: "Color Picker") {
-                                let binding = Binding {
-                                    Color(hex: model.color)
-                                } set: { newValue in
-                                    model.color = Int(newValue.hex)
-                                }
-
-                                ColorPicker("Color", selection: binding)
-                                    .padding(.horizontal, 16)
-                                    .padding(.vertical, 10)
+                            SettingButton(title: ":)") {
+                                print(":) pressed!")
                             }
+                            .icon(icon: .system(icon: "sparkles", backgroundColor: Color.pink))
+                            .indicator("face.smiling")
                         }
                     }
+                    .previewIcon(icon: .system(icon: "ellipsis", backgroundColor: Color.teal))
                 }
 
                 SettingGroup {

Sources/Views/SettingButton.swift

@@ -89,3 +89,29 @@ struct SettingButtonView: View {
         .buttonStyle(.row)
     }
 }
+
+public extension SettingButton {
+    func icon(_ icon: String, color: Color = .blue) -> SettingButton {
+        var button = self
+        button.icon = .system(icon: icon, backgroundColor: color)
+        return button
+    }
+
+    func icon(_ icon: String, foregroundColor: Color = .white, backgroundColor: Color = .blue) -> SettingButton {
+        var button = self
+        button.icon = .system(icon: icon, foregroundColor: foregroundColor, backgroundColor: backgroundColor)
+        return button
+    }
+
+    func icon(icon: SettingIcon) -> SettingButton {
+        var button = self
+        button.icon = icon
+        return button
+    }
+
+    func indicator(_ indicator: String) -> SettingButton {
+        var button = self
+        button.indicator = indicator
+        return button
+    }
+}