Controls and indicators

Overview

SwiftUI provides controls that enable user interaction specific to each platform and context. For example, people can initiate events with buttons and links, or choose among a set of discrete values with different kinds of pickers. You can also display information to the user with indicators like progress views and gauges.

[Image]

Use these built-in controls and indicators when composing custom views, and style them to match the needs of your app’s user interface. For design guidance, see Menus and actions, Selection and input, and Status in the Human Interface Guidelines.

Topics

Creating buttons

• Button
• buttonStyle(_:)
• buttonBorderShape(_:)
• buttonRepeatBehavior(_:)
• buttonRepeatBehavior
• ButtonBorderShape
• ButtonRole
• ButtonRepeatBehavior
• ButtonSizing

Creating special-purpose buttons

• EditButton
• PasteButton
• RenameButton

Linking to other content

• Link
• ShareLink
• SharePreview
• TextFieldLink
• HelpLink

Getting numeric inputs

• Slider
• Stepper
• Toggle
• toggleStyle(_:)

Choosing from a set of options

• Picker
• pickerStyle(_:)
• horizontalRadioGroupLayout()
• defaultWheelPickerItemHeight(_:)
• defaultWheelPickerItemHeight
• paletteSelectionEffect(_:)
• PaletteSelectionEffect

Choosing dates

• DatePicker
• datePickerStyle(_:)
• MultiDatePicker
• calendar
• timeZone

Choosing a color

• ColorPicker

Indicating a value

• Gauge
• gaugeStyle(_:)
• ProgressView
• progressViewStyle(_:)
• DefaultDateProgressLabel
• DefaultButtonLabel

Indicating missing content

• ContentUnavailableView

Providing haptic feedback

• sensoryFeedback(_:trigger:)
• sensoryFeedback(trigger:_:)
• sensoryFeedback(_:trigger:condition:)
• SensoryFeedback

Sizing controls

• controlSize(_:)
• controlSize
• ControlSize

See Also

Views

• View fundamentals
• View configuration
• View styles
• Animations
• Text input and output
• Images
• Menus and commands
• Shapes
• Drawing and graphics