【SwiftUI】Menu内に小さいボタンを設置する

# はじめに
メニューに小さいボタンが設置できることを知りました。
やり方を知らなかったので調べてみました。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">iOS16以降ではこんなメニューに対してレイアウトができる<a href="https://twitter.com/hashtag/hig%E8%BC%AA%E8%AA%AD%E4%BC%9A?src=hash&amp;ref_src=twsrc%5Etfw">#hig輪読会</a> <a href="https://t.co/tsI2lFz98E">pic.twitter.com/tsI2lFz98E</a></p>&mdash; Reeen (@reeen21_dev) <a href="https://twitter.com/reeen21_dev/status/1663858073973432321?ref_src=twsrc%5Etfw">May 31, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# サンプルアプリ
|パターン1|パターン2|
|-|-|
|![simulator_screenshot_74F708C4-2140-415A-B6E7-5D4C38200A29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/d8ca2721-bffe-c153-62a1-eb85f39fe6e1.png)|![simulator_screenshot_331594C4-E81B-42D4-8BC2-A597F8A2C49F.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/397dc6ea-4f57-2277-411b-7f71bb8406bd.png)|

# 実装
```swift
import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(spacing: 50) {
            Menu {
                ControlGroup {
                    Button {
                        // action
                    } label: {
                        Image(systemName: "scissors")
                    }
                    
                    Button {
                        // action
                    } label: {
                        Image(systemName: "doc.on.doc")
                    }
                    
                    Button {
                        // action
                    } label: {
                        Image(systemName: "doc.on.clipboard")
                    }
                    
                    Button {
                        // action
                    } label: {
                        Image(systemName: "doc.text.magnifyingglass")
                    }
                }
                .controlGroupStyle(.compactMenu)

                Button {
                    // action
                } label: {
                    Label("Translate", systemImage: "trash")
                }
                
                Button {
                    // action
                } label: {
                    Label("Share", systemImage: "square.and.arrow.up")
                }
            } label: {
                Text("パターン1")
            }
            
            Menu {
                ControlGroup {
                    Button {
                        // action
                    } label: {
                        Label("Cut", systemImage: "scissors")
                    }
                    
                    Button {
                        // action
                    } label: {
                        Label("Copy", systemImage: "doc.on.doc")
                    }
                    
                    Button {
                        // action
                    } label: {
                        Label("Paste", systemImage: "doc.on.clipboard")
                    }
                }
                .controlGroupStyle(.menu)
                
                Button {
                    // action
                } label: {
                    Label("Look Up", systemImage: "doc.text.magnifyingglass")
                }
                
                Button {
                    // action
                } label: {
                    Label("Translate", systemImage: "text.bubble")
                }
                
                Button {
                    // action
                } label: {
                    Label("Share", systemImage: "square.and.arrow.up")
                }
            } label: {
                Text("パターン2")
            }
        }
    }
}
```

# おわり
全然知りませんでした笑