Button

A button is an interactive component in the user interface (UI) that allows users to perform certain actions, such as logging into a site or deleting a file.

Syntax

Button("Label of button") {
  // What happens when the button is used
}

The "Label of button" is what is shown on the button. It can be an icon, text or a combination of both.

Example

The following example increases the count each time the Button is used:

@State var count = 0
var body: some View {
Button("Click me: \(count)") {
self.count += 1
}
.font(.title)
.padding()
.backgroundColor(Color.green)
.cornerRadius(40)
.foregroundColor(Color.black)
.overlay(RoundedRectangle(cornerRadius: 40).stroke(Color.green))

Each time the user selects the Button, the number next to the text "Click Me" will increase self.count by 1.

This will display the following:

Button

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn SwiftUI on Codecademy