AurumSegmentedProgressBar
Aurum's segmented progress bar — discrete progress across total segments, the first filled of them complete.
| family | Feedback |
|---|---|
| platform | iOS 17+ · SwiftUI |
| figma | component master ↗ |
| source | Sources/Aurum/Component/Feedback/AurumSegmentedProgressBar.swift |
| code connect | FigmaConnect/Sources/AurumFigmaConnect/AurumSegmentedProgressBar.figma.swift |
Aurum's segmented progress bar — discrete progress across total
segments, the first filled of them complete. The SwiftUI port of
aurum-android's AurumSegmentedProgressBar:
- .bars — total equal 8 pt pill segments; the first filled are
tinted by intent, the rest neutral.
- .bubbles — the same, each segment capped by a 24 pt numbered
checkpoint; completed steps fill + carry inverse-tinted numerals.
Intended use
Discrete, countable progress — onboarding steps, a multi-step form, a quiz, a story/reel position. Use .bubbles when each step is a meaningful, numbered checkpoint; .bars when it's just N of M. For a continuous fraction use AurumProgressBar.
Do
- Pass
filled/totalas counts (e.g. 3 of 5); both are clamped into range. - Use
intentto carry status — e.g..negativefor a failed step run. - Use
.bubblesonly for ≤ ~5 steps; beyond that the numerals get cramped — prefer.bars.
Don’t
- Use it for a continuous 0–100% value — that's
AurumProgressBar. - Recolour segments directly — pick the fixed
intentpalette instead.
Code Connect
Mapped to Figma node 5889:2361 ↗ — SwiftUI snippets appear in Dev Mode for the latest release.