Dark Coach Mark
From syxUI — written for both platforms, not translated between them.
A dark onboarding coach mark.
Feedback · SwiftUI · iOS 17
- feedback
- swiftui
The actual source
CoachmarkDark.swift
// Dark Coach Mark · syxUI · https://syxui.dev/components/tip-coach-dark
// Free in any project. Keep this line and credit syxUI where a person can read it.
import SwiftUI
struct CoachmarkDark: View { var body: some View { VStack(alignment: .leading, spacing: 8) { Text("Library").font(.system(size: 16, weight: .semibold)).foregroundStyle(.white); Text("Find your saved albums and playlists, and flip through them like records.").font(.system(size: 13)).foregroundStyle(.white.opacity(0.8)); HStack { Text("2/3").font(.system(size: 12)).foregroundStyle(.white.opacity(0.6)); Spacer(); Text("Next").font(.system(size: 14, weight: .semibold)).foregroundStyle(.white).padding(.horizontal, 16).padding(.vertical, 7).overlay(Capsule().stroke(.white.opacity(0.4), lineWidth: 1)) } }.padding(16).frame(width: 280).background(Color(red: 0.22, green: 0.22, blue: 0.26), in: RoundedRectangle(cornerRadius: 18, style: .continuous)) } }
iOS 17 · No dependencies
Dependencies
- SwiftUI
- No external dependencies
Requires iOS 17
