SwiftUI Hierarchical Text Styles

that SwiftUI has five built-in hierarchical text styles you can use to visually prioritize content — just like system apps do!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Text("Primary")
    .foregroundStyle(.primary)

Text("Secondary")
    .foregroundStyle(.secondary)

Text("Tertiary")
    .foregroundStyle(.tertiary)

Text("Quaternary")
    .foregroundStyle(.quaternary)

Text("Quinary")
    .foregroundStyle(.quinary)

SwiftUI hierarchical text styles