name thatuiuser interface
📄Q3 Report.pages
📄Notes.md
📄installer.dmg

The rotating triangle is a disclosure triangle — click it

Disclosure Triangle

/ NSOutlineView · DisclosureGroup /

also called disclosure control, outline disclosure button, expand-collapse triangle

A disclosure triangle is the compact indicator beside an outline row or section label that reveals nested content. It points sideways while collapsed and rotates downward when expanded. NSOutlineView supplies disclosure controls for hierarchical rows, while DisclosureGroup provides the same expand-and-collapse pattern in SwiftUI.

Anatomy — every part, named

  1. 1
    Disclosure indicatorNSButton.BezelStyle.disclosure

    “The tiny triangle beside the row” is the disclosure indicator.

  2. 2
    Collapsed stateDisclosureGroup.isExpanded

    “The arrow pointing sideways before it opens” is the collapsed state.

  3. 3
    Expanded stateDisclosureGroup.isExpanded

    “The arrow rotated down after it opens” is the expanded state.

Prompt — paste into your agent

Use a native Disclosure Triangle for expandable rows: NSOutlineView for an outline hierarchy or SwiftUI DisclosureGroup for a standalone section. The small indicator must rotate between collapsed and expanded states while the row's children appear directly beneath it.

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

AppKitNSOutlineView
SwiftUIDisclosureGroup
AppKitNSButton.BezelStyle.disclosurea standalone disclosure button style

See also

Search

Describe the UI element you're thinking of