Command Composer: SwiftUI Command Composer Pattern (Pro)

A message composer with slash commands and at mentions: a filtered suggestion panel, chips for picks, and structured tokens on send.

Pro pattern · recorded from Pro

$npx swiftpieces add CommandComposer

Needs a SwiftPieces Pro license: npx swiftpieces login first.

Open in the Pro library View pricing Live preview in every Pro style, and its source with SwiftPieces Pro.

ProPattern · Prompt InputiOS 17+Themed by Pro's design system

Type: CommandComposer
Inside: / commands, @ people and files, Search states, Token chips
Install, with a Pro license: npx swiftpieces add CommandComposer
Depends on: Pro's Design System, which installs with it

A composer pinned above the keyboard that opens a suggestion panel when a word starts with / or @. Commands filter as you type, mentions search through your closure with Searching, no matches and Retry, and a pick becomes a chip above the text that onSend receives as a structured token.

Its SwiftUI source comes with SwiftPieces Pro: Command Composer in the Pro library.

All patterns →

Prompt Input · ProNewPro

Attachment Composer

A message composer that attaches photos and files, uploads each with its own progress ring, and turns Send into Stop.

Inside

Photos, Camera and FilesThumbnail trayUpload states with RetryGrowing field and Send

Prompt Input · ProNewPro

Dictation Composer

A message composer with voice input: a live level meter, elapsed time, Cancel and Done, and the transcript filling the field.

Inside

Live level meterTranscript as you speakSpeech permission handlingSend that turns into Stop

Prompt Input · ProNewPro

Model Composer

A message composer with a model menu, Search, Think and Image chips, and a usage line that warns near the limit.

Inside

Model menuSearch, Think and ImageDaily message limitUpgrade at the limit

Command ComposerNew

More patterns