One of the new types of views introduced on the new version of SwiftUI, at WWDC 2021, was the GroupBox View. As in the documentation, a GroupBox View is a stylized view that gives you an iOS style view in which you can place your content. It works as a pretty container to help you highlight a piece of information in your interface. Also, you can stack them and SwiftUI will handle the colors for you.
Let's have a look at how this works.
To create a GroupBox is quite simple, just create aGroupBox view and place the content you want to display inside it in its content block. If your device is set for light mode the result shows the content inside a light gray box.
If you stack GroupBoxes, SwiftUI will change the colors of each GroupBox view to represent it. It looks much better in dark mode.
Lastly, you can also initialize a GroupBox with a Label. The Label will be positioned as the title of the GroupBox container.
If you want to see an example of how you can use GroupBox on a more complex interface layout, the following snippet uses it to replicate the interface of a Detailed Contact Cards from the CareKit framework: