Step Dots
From syxUI — written for both platforms, not translated between them.
A step-progress dot indicator.
Loaders · SwiftUI · iOS 17
- loaders
- swiftui
The actual source
StepDotsLoader.swift
// Step Dots · syxUI · https://syxui.dev/components/loader-step-dots
// Free in any project. Keep this line and credit syxUI where a person can read it.
import SwiftUI
let ldBlue = Color(red: 0.0, green: 0.47, blue: 1.0)
struct StepDotsLoader: View { var body: some View { HStack(spacing: 8) { ForEach(0..<5, id: \.self) { i in Capsule().fill(i <= 2 ? ldBlue : Color.primary.opacity(0.15)).frame(width: i == 2 ? 24 : 8, height: 8) } } } }
iOS 17 · No dependencies
Dependencies
- SwiftUI
- No external dependencies
Requires iOS 17
