# switch A toggle style that displays a leading label and a trailing switch. ``` @export(implementation) nonisolated static var `switch`: SwitchToggleStyle { get } ``` ## Discussion Apply this style to a [`Toggle`](/documentation/SwiftUI/Toggle) or to a view hierarchy that contains toggles using the [`toggleStyle(_:)`](/documentation/SwiftUI/View/toggleStyle(_:)) modifier: ``` Toggle("Enhance Sound", isOn: $isEnhanced) .toggleStyle(.switch) ``` The style produces a label that describes the purpose of the toggle and a switch that shows the toggle’s state. The user taps or clicks the switch to change the toggle’s state. The default appearance is similar across platforms, although the way you use switches in your user interface varies a little, as described in in the Human Interface Guidelines. **iOS:**  **macOS:**  **watchOS:**  **tvOS:**  In iOS, iPadOS, watchOS, and tvOS, the label and switch fill as much horizontal space as the toggle’s parent offers by aligning the label’s leading edge and the switch’s trailing edge with the containing view’s respective leading and trailing edges. In macOS, the style uses a minimum of horizontal space by aligning the trailing edge of the label with the leading edge of the switch. SwiftUI helps you to manage the spacing and alignment when this style appears in a [`Form`](/documentation/SwiftUI/Form). SwiftUI uses this style as the default for iOS, iPadOS, watchOS, and tvOS in most contexts when you don’t set a style, or when you apply the [`automatic`](/documentation/SwiftUI/ToggleStyle/automatic) style. --- Copyright © 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)