Autumn Sale50% offCOMPOT
ButtonsFree ComponentiOS 16.0+Xcode 15+

CTA Button Large Basic

Full-width, high-impact call-to-action button designed for onboarding screens, welcome flows, and paywalls.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
CTAButtonLargeBasic.swift
import SwiftUI

struct CTAButtonLargeBasic: View {
    var body: some View {
        Button {
            // Action for the button
            print("Button tapped")
        } label: {
            HStack(spacing: 8) {
                Text("Get Started")
                Image(systemName: "arrow.right")
            }
            .padding()
            .font(.headline)
            .foregroundStyle(.white)
            .frame(alignment: .center)
        }
        .frame(maxWidth: 450)
        .padding(.horizontal, 32)
        .background(Color.accentColor)
        .clipShape(Capsule())
        .padding()
        .help("Accessibility hint")
    }
}

#Preview {
    CTAButtonLargeBasic()
}

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

Recommended Use Cases

  • First-run onboarding flows and feature introductions

Component Details

Category
Buttons
iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Free
Themes & Contexts
onboarding
Keywords
buttononboardingwelcome screenbutonbuttonsbtnfree
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