Autumn Sale50% offCOMPOT
ButtonsPro ComponentiOS 16.0+Xcode 15+

Secondary Button Medium (Custom Style)

Medium customized secondary button with modern rounded styling.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
secondaryButtonMediumCustomStyle.swift
import SwiftUI

struct SecondaryMediumButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding(.vertical)
            .padding(.horizontal, 16)
            .foregroundStyle(.tint)
            .font(.system(size: 15, weight: .regular))
            .frame(maxWidth: 190, alignment: .center)
            .frame(height: 34)
            .background(
                RoundedRectangle(cornerRadius: 25, style: .continuous)
                    .stroke(.tint, lineWidth: 1)
            )
    }
}

extension ButtonStyle where Self == SecondaryMediumButtonStyle {
    static var secondaryMedium: Self {
        return .init()
    }
}

struct SecondaryButtonMediumCustomStyle: View {
    var body: some View {
        VStack(alignment: .center, spacing: 16) {
            Button("Secondary Medium") {
                // Action
            }
            .buttonStyle(.secondaryMedium)
            .tint(Color.accentColor)
            .padding(.horizontal)
            
            Button("Add New Item", systemImage: "plus") {
                // Action
            }
            .buttonStyle(.secondaryMedium)
            .tint(.green)
            .padding(.horizontal)
        }
    }
}

#Preview {
    SecondaryButtonMediumCustomStyle()
}

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • First-run onboarding flows and feature introductions
  • Paywalls, upgrade prompts, and subscription tiers
  • App settings, preferences, and account configuration screens

Component Details

Category
Buttons
iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Pro
Themes & Contexts
settingsonboardingpaywall
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store