UIKit Label Colors
Platform Compatibility
Tags
SwiftUI Code
VStack {
HStack {
Text("Label")
.foregroundStyle(Color(.label))
Text("Secondary Label")
.foregroundStyle(Color(.secondaryLabel))
}
HStack {
Text("Tertiary Label")
.foregroundStyle(Color(.tertiaryLabel))
Text("Quaternary Label")
.foregroundStyle(Color(.quaternaryLabel))
}
}Found an issue or have a suggestion?
More Color Components
View all
UIKit Separator Colors
The UIKit separator colors that are also used in other components, such as the TextField
UIKit Content Background colors
The UIKit colors that are also used in other components like in List and GroupBox
UIKit Text Colors
The UIKit text colors that are also used in other components, such as the TextField
Color Variants
HierarchicalShapeStyle, a shape style that maps to one of the numbered content styles
Explore Other Components
Browse all
Sheet Background
Sets the presentation background of the enclosing sheet using a shape style.
Split Arrangement Layout Ratio
Sets the preferred size ratio for an arrangement view in a split style. Use this modifier when you want to customize the size of the view compared to its other views in the split layout.
CompactProductViewStyle
A style for a product view that’s suitable for layouts with less available space, or for displaying more items in a small amount of space.
Placeholder Icon Product View
Creates a view to load an individual product from the App Store, and merchandise it using its promotional image and a custom placeholder icon.
