Skip to content

Button Styles

Style
.buttonStyle(.automatic)
.buttonStyle(.borderless)
.buttonStyle(.plain)
.buttonStyle(.bordered)
.buttonStyle(.borderedProminent)
.buttonStyle(.glass)
.buttonStyle(.glassProminent)
swift
// » SwiftUI Garden
// » https://swiftui-garden.com/Views/Button/Button-Styles

import SwiftUI

struct ButtonStylesView: View {
    var body: some View {
        ZStack {
            LinearGradient(
                colors: [.yellow, .orange],
                startPoint: .leading,
                endPoint: .trailing
            )
            .ignoresSafeArea()

            VStack(alignment: .leading, spacing: 16) {
                Button(".automatic") {}
                    .buttonStyle(.automatic)

                Button(".borderless") {}
                    .buttonStyle(.borderless)

                Button(".plain") {}
                    .buttonStyle(.plain)

                Button(".bordered") {}
                    .buttonStyle(.bordered)

                Button(".borderedProminent") {}
                    .buttonStyle(.borderedProminent)

                Button(".glass") {}
                    .buttonStyle(.glass)

                Button(".glassProminent") {}
                    .buttonStyle(.glassProminent)
            }
        }
    }
}

#Preview {
    NavigationStack {
        ButtonStylesView()
    }
}