name thatuiuser interface
Tags:
DesignQ3 Report

The removable pills inside the field are tokens — type one and press ⏎

Token Field

/ NSTokenField · NSTokenField.TokenStyle /

also called token input, recipient field, tag input, pill input

A token field converts recognized pieces of typed text into discrete rounded tokens, like recipients in a mail compose window. Each token represents one value and can be selected, edited, or removed without treating the whole field as plain text. AppKit provides token styling, completions, represented objects, and tokenizing separators through NSTokenField.

Anatomy — every part, named

  1. 1
    Token capsuleNSTokenField.TokenStyle

    “The little rounded bubble around each recipient” is a token capsule.

  2. 2
    Selected tokenNSTokenField

    “The whole pill that highlights before I delete it” is the selected token.

Prompt — paste into your agent

Use a native Token Field (NSTokenField) with NSTokenField.TokenStyle so each recognized recipient or tag becomes a separately selectable, removable rounded token inside the editable field. Preserve token completion and keyboard deletion behavior.

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

AppKitNSTokenField
AppKitNSTokenField.TokenStyle
AppKitNSTokenFieldDelegate

See also

Search

Describe the UI element you're thinking of