name thatuiuser interface
Copies:2

The tiny paired arrows are the stepper — click, or hold for autorepeat

Stepper

/ NSStepper · Stepper /

also called stepper control, stepper arrows, numeric stepper, incrementer

A stepper is a pair of small stacked arrow buttons for changing a value by a fixed increment. It commonly sits beside a numeric text field so users can either type an exact value or adjust it one step at a time. Its enabled states should reflect the configured minimum and maximum, and holding an arrow can repeat the change.

Anatomy — every part, named

  1. 1
    Increment buttonNSStepper.increment

    “The tiny upper arrow that raises the number” is the increment button.

  2. 2
    Decrement buttonNSStepper.increment

    “The tiny lower arrow that reduces the number” is the decrement button.

Prompt — paste into your agent

Place a native Stepper using NSStepper (SwiftUI: Stepper) beside the numeric field, with the compact up/down arrow pair vertically aligned to that field. Bind both controls to the same value and enforce the intended increment, minimum, and maximum.

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

AppKitNSStepper
SwiftUIStepper
AppKitNSStepper.increment
AppKitNSStepper.minValue
AppKitNSStepper.maxValue

See also

Search

Describe the UI element you're thinking of