Autumn Sale50% offCOMPOT
ButtonsPro ComponentiOS 16.0+Xcode 15+

Secondary Button Medium (Custom Style)

Medium customized secondary button with modern rounded styling.

Download in Compot AppBrowse all Buttons

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
SecondaryButtonMediumCustomStyle.swift
Unlock in App
import SwiftUI

struct SecondaryMediumButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding(.vertical)
            .padding(.horizontal, 16)
            .foregroundStyle(.tint)

        // ...
        // Complete source code available in Compot Pro on the App Store.
Compot Pro Component

Unlock full code & interactive preview

Interactive live preview and complete SwiftUI code available in the Compot App.

Get Compot on the App Store

Available for macOS & iOS • 85+ free components included

Complete code, live preview, and 1-tap Xcode export available in the Compot App (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

Related SwiftUI Components

More components in Buttons and related app architectures.

View all Buttons
ButtonsiOS 16.0+

Primary Button Basic

High-emphasis prominent action button with standard SwiftUI prominence styling and haptic feedback.

View Component & Code
ButtonsiOS 16.0+

CTA Button Large Basic

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

View Component & Code
ButtonsiOS 16.0+

Secondary Button Basic

Medium-emphasis secondary action button styled for alternative user workflows and dismissal actions.

View Component & Code