Control Style Reference for SwiftUI on macOS

Recently, I've been learning SwiftUI. I like it a lot, but the current documentation leaves a lot to be desired. One particular place where the documentation is lacking is for the style modifiers for controls, such as BorderlessButtonStyle.

Button(action: {}) { Text("Click Me") }

The issue here is that the documentation doesn't show any images of what the various control styles actually look like when they are displayed on screen. This led to a lot of trial and error when I was trying to build interfaces that looked a specific way. So, I've gathered screenshots of what each style looks like on macOS.


Comparison of SwiftUI button styles


Comparison of SwiftUI toggle styles

Text Fields

Comparison of SwiftUI text field styles


Comparison of SwiftUI picker styles


Comparison of SwiftUI menu styles