Autumn Sale50% offCOMPOT
Texts & TypographyPro ComponentiOS 16.0+Xcode 15+

Text with Dashed Stroke

Decorative heading enclosed in a dashed border stroke.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
textDashedStroke.swift
VStack {
            Text("Drop your weapons!")
        }
        .padding()
        .background {
            RoundedRectangle(cornerRadius: 12, style: .continuous)
                .fill(.ultraThinMaterial)
                .stroke(
                    Color.red,
                    style: StrokeStyle(
                        lineWidth: 4,
                        lineCap: .square,
                        lineJoin: .miter,
                        miterLimit: 0,
                        dash: [],
                        dashPhase: 0
                    )
                )
                .stroke(
                    Color.yellow,
                    style: StrokeStyle(
                        lineWidth: 4,
                        lineCap: .square,
                        lineJoin: .miter,
                        miterLimit: 0,
                        dash: [15],
                        dashPhase: 0
                    )
                )
        }

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

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