Interactive previews iPhone

Button Tint

Sets the buttons tint color

Button Tint - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

Platform Compatibility

iOS 15.0+ iPadOS 15.0+ macOS 12.0+ watchOS 8.0+ tvOS 15.0+ visionOS 1.0+

Tags

SwiftUI Code

Docs
VStack {
    HStack {
        Button("Tap Me", action: action)
            .buttonStyle(.plain)
        Button("Tap Me", action: action)
            .buttonStyle(.borderless)
        Button("Tap Me", action: action)
            .buttonStyle(.bordered)
        Button("Tap Me", action: action)
            .buttonStyle(.borderedProminent)
    }
    .tint(.blue)
    HStack {
        Button("Tap Me", action: action)
            .buttonStyle(.plain)
        Button("Tap Me", action: action)
            .buttonStyle(.borderless)
        Button("Tap Me", action: action)
            .buttonStyle(.bordered)
        Button("Tap Me", action: action)
            .buttonStyle(.borderedProminent)
    }
    .tint(.red)
    HStack {
        Button("Tap Me", action: action)
            .buttonStyle(.plain)
        Button("Tap Me", action: action)
            .buttonStyle(.borderless)
        Button("Tap Me", action: action)
            .buttonStyle(.bordered)
        Button("Tap Me", action: action)
            .buttonStyle(.borderedProminent)
    }
    .tint(.green)
}

Found an issue or have a suggestion?

Created: May 30, 2025Updated: December 27, 2025
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More Button Components

View 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.

Role Button With Default Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Role Button With Default Label

Creates a button that displays a default label.

Glass Button Styles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

Glass Button Styles

A button style that applies glass border artwork based on the button’s context

RenameButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
TextField

RenameButton

A button that triggers a standard rename action

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

EditButton

A button that toggles the edit mode environment value

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

PasteButton

A system button that reads items from the pasteboard and delivers it to a closure.

Button Roles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

Button Roles

A value that describes the purpose of a button.

Button Border Shape - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

Button Border Shape

A shape used to draw a button’s border.

Explore Other Components

Browse all
Label Styles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

Label Styles

Sets the style for labels within this view.

Content NavigationSplitView - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
initializer

Content NavigationSplitView

Creates a three-column navigation split view.

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

Tab View Side Bar Footer

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

Custom Preview Item ShareLink  - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Custom Preview Item ShareLink

Creates an instance, with a custom label, that presents the share interface

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

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

TabBarOnlyTabViewStyle

A tab view style that displays a tab bar when possible.

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

ControlSize

A control version that is the default size

Section Index Label and Visibility - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Section Index Label and Visibility

Sets the label that is used in a section index to point to this section, typically only a single character long. Changes the visibility of the list section index.