Interactive previews iPhone

ControlSize

A control version that is the default size

ControlSize - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

Platform Compatibility

iOS 15.0+ iPadOS 15.0+ macOS 10.15+ watchOS 9.0+ tvOS 15.0+ visionOS 1.0+

Tags

SwiftUI Code

Docs
VStack {
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .controlSize(.mini)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .controlSize(.small)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .controlSize(.regular)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .controlSize(.large)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
    // only on visionOS bigger than large
        .controlSize(.extraLarge)

}

Found an issue or have a suggestion?

Created: June 12, 2025Updated: December 27, 2025
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More View Components

View all
VisionOS background materials - visionOS - Liquid Glass - Light Mode - Preview
type

VisionOS background materials

All background materials on visionOS

Container Content Margins - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Container Content Margins

Adds the margins of the container the view is in.

Toolbar Vertical Edge - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
environment

Toolbar Vertical Edge

This value reflects the system’s preferred edge for the vertical bar in the current context, regardless of whether a vertical bar is currently visible. Use it to position custom bars or other UI relative to the system’s bar placement.

Hinge State - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
structure

Hinge State

A type encapsulating the state of a single hinge.

Disabled Toolbar Vertical Behavior - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
modifier

Disabled Toolbar Vertical Behavior

Disables the vertical bar.

Music Picker - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Music Picker

Presents a music picker to select items from the Apple Music catalog and the user’s music library.

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.

Manage Subscriptions Sheet - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Manage Subscriptions Sheet

Opens the manage subscriptions sheet.

Explore Other Components

Browse all
Divider Height - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

Divider Height

Customizing the height of the Divider

List Background Prominence - macOS - Flat Design - Light Mode - Preview
environment

List Background Prominence

The prominence of the background underneath views associated with this environment.

ToolbarSpacer - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

ToolbarSpacer

A standard space item in toolbars

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

Group Subscription Store View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Group Subscription Store View

Creates a view that loads all subscriptions in a subscription group from the App Store, and merchandises them with automatic marketing content.

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.

EditButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
type

EditButton

A button that toggles the edit mode environment value

Uniform Concentric Rectangle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Uniform Concentric Rectangle

Create a rectangle with the same corner style set on four corners.