struct GroupBoxView: View { var body: some View { GroupBox( label: GroupBoxLabelView(labelText: "GroupBox", labelImage: "info.circle") ){ GroupBoxRowView(name: "Developer / Designer", content: "Joe Vargas") GroupBoxRowView(name: "Website", linkLabel: "Medium", linkDestination: "joeavargas.medium.com") GroupBoxRowView(name: "Twitter", linkLabel: "@joeavargas", linkDestination: "twitter.com/joeavargas") GroupBoxRowView(name: "Compatibility", content: "iOS 14+") GroupBoxRowView(name: "Version", content: "1.0") } .padding(.horizontal) } } struct GroupBoxView_Previews: PreviewProvider { static var previews: some View { GroupBoxView() .preferredColorScheme(.dark) } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter