name thatuiuser interface
Slides

Style

Fill

Border

Shadow

The right-hand details panel is the inspector — toggle it from the toolbar

Inspector

/ View.inspector(isPresented:content:) · View.inspectorColumnWidth(min:ideal:max:) /

also called inspector panel, details sidebar, properties inspector, utility area

An inspector is a trailing panel that displays properties and controls for the item currently selected in the main content. Apps such as Keynote and Xcode organize formatting, identity, and configuration controls in inspectors so the document remains visible while details change. On macOS 14 and later SwiftUI provides a dedicated inspector modifier; classic AppKit layouts commonly build one as the trailing item of a split view.

Anatomy — every part, named

  1. 1
    Inspector columnView.inspector(isPresented:content:)

    “The properties panel on the right” is the inspector column.

  2. 2
    Inspector section disclosureDisclosureGroup

    “The little arrow that folds a group of settings” is an inspector section disclosure.

  3. 3
    Inspector column dividerNSSplitViewItem

    “The thin line you drag to resize the properties panel” is the inspector column divider.

Prompt — paste into your agent

Put these selection-specific controls in an Inspector using SwiftUI View.inspector(isPresented:content:) (macOS 14+), as a collapsible right-hand column with a sensible inspectorColumnWidth. The inspector must update with the selected object without replacing the main content.

In code

The exact names this thing goes by in code — each row is one framework’s word for it. Use the row that matches your project (or paste it into your prompt).

SwiftUIView.inspector(isPresented:content:)macOS 14+
SwiftUIView.inspectorColumnWidth(min:ideal:max:)
AppKitNSSplitViewControllercommon foundation for a classic trailing inspector
AppKitNSSplitViewItem

See also

Search

Describe the UI element you're thinking of