Countdown Set
From syxUI — written for both platforms, not translated between them.
An hours/minutes/seconds display.
Inputs · SwiftUI · iOS 17
- inputs
- swiftui
The actual source
PickerCountdown.swift
// Countdown Set · syxUI · https://syxui.dev/components/picker-countdown
// Free in any project. Keep this line and credit syxUI where a person can read it.
import SwiftUI
struct PickerCountdown: View { var body: some View { HStack(spacing: 6) { ForEach(Array([("02", "hrs"), ("45", "min"), ("30", "sec")].enumerated()), id: \.offset) { i, u in VStack(spacing: 4) { Text(u.0).font(.system(size: 26, weight: .bold, design: .rounded)).foregroundStyle(.white).frame(width: 56, height: 56).background(Color(red: 0.15, green: 0.15, blue: 0.17), in: RoundedRectangle(cornerRadius: 12, style: .continuous)); Text(u.1).font(.system(size: 11)).foregroundStyle(.secondary) }; if i < 2 { Text(":").font(.system(size: 24, weight: .bold)).foregroundStyle(.secondary).offset(y: -8) } } } } }
iOS 17 · No dependencies
Dependencies
- SwiftUI
- No external dependencies
Requires iOS 17
