swift - How to configure ContextMenu buttons for delete and disabled in SwiftUI?

Question

I tried to configure the button in the contextMenu, but it's not working.

Text("A label that have context menu")
    .contextMenu {
        Button(action: {
            // remove it
        }) {
            Text("Remove")
                .foregroundColor(.red) // Not working
            Image(systemName: "trash")
        }.disabled(true) // Not working
    }

what I have:

What I'm seeking: (delete and call buttons)

I would create a UIAction like the following in UIKit but I can't find any modifier or anyway to bring this to the SwiftUI:

let delete = UIAction(title: "Remove", image: UIImage(systemName: "trash"), attributes: .destructive) { action in
    // remove it
}

Answer 1

All of the asked situations are now supported in iOS 15

Destructive: (works from iOS 15)

Set .destructive as the role argument of the button:

Button(role: .destructive) { // ?? This argument
    // delete something
} label: {
    Label("Delete", systemImage: "trash")
}

---

Disabled: (works from iOS 14.2)

Add .disabled modifier to the button.

Button {
    // call someone
} label: {
    Label("Call", systemImage: "phone")
}.disabled(true) // ?? This modifier

---

Divider: (works from iOS 14)

Use a Divider() view directly.

---

Full Demo:

_{?? Remember! Do not use image instead of systemImage for showing an SFSymbol on the button!}