Interactive previews iPhone

UIKit Text Colors

The UIKit text colors that are also used in other components, such as the TextField

UIKit Text Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview

Platform Compatibility

iOS 13.0+ iPadOS 13.0+ tvOS 13.0+ visionOS 1.0+

Tags

SwiftUI Code

Docs
TextField("Placeholder", text: .constant(""))
Text("Placeholder")
  .foregroundStyle(Color(.placeholderText))

Found an issue or have a suggestion?

Created: May 29, 2025Updated: May 29, 2025
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More Color Components

View all
Color Opacity - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
style

Color Opacity

The Color opacity modifier

Color Gradient - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Gradient

The Color gradient modifier

UIKit Separator Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Separator Colors

The UIKit separator colors that are also used in other components, such as the TextField

UIKit Content Background colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Content Background colors

The UIKit colors that are also used in other components like in List and GroupBox

UIKit Fill Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Fill Colors

UIKit Label Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Label Colors

Color Variants - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Variants

HierarchicalShapeStyle, a shape style that maps to one of the numbered content styles

Semantic Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

Semantic Colors

Explore Other Components

Browse all
Button Sizing - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Button Sizing

The preferred sizing behavior of buttons in the view hierarchy.

Navigation Subtitle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Navigation Subtitle

Configures the view’s subtitle for purposes of navigation, using a localized string

Async URL Image - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Async URL Image

Loads and displays an image from the specified URL load request.

Bottom Accessory - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

Bottom Accessory

A modifier to place content above the tabs

Tab View Customization - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Customization

Specifies the customizations to apply to the sidebar representation of the tab view.

Preferred Top Column - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Preferred Top Column

Controls which column appears on top of the stack when NavigationSplitView collapses into a single stack in certain contexts, such as on iPhone, when iPhone Duo is closed, or on Apple Watch. By default, the sidebar appears on top. In this case, the detail column does instead.

App Store Overlay - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

App Store Overlay

Presents a StoreKit overlay when a given condition is true.

Tab View Side Bar Header - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Side Bar Header

Adds a custom header to the sidebar of a tab view.