Search Panel: SwiftUI Search Panel Pattern (Pro)

The body of a search screen: recent and suggested searches, live suggestions with the match highlighted, and results by scope.

Pro pattern · recorded from Pro

$npx swiftpieces add SearchPanel

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 · Lists and FeedsiOS 17+Themed by Pro's design system

Type: SearchPanel
Inside: Recent searches, Suggested chips, Live suggestions, Scoped results
Install, with a Pro license: npx swiftpieces add SearchPanel
Depends on: Pro's Design System, which installs with it

Drop it under a .searchable field. Before typing it shows recent searches with remove and Clear all and suggested searches as chips; while typing it asks your closure for debounced suggestions with the typed text highlighted; after a search it shows scope chips with counts and a card of results per scope, with loading, failed and no-results states built in.

Its SwiftUI source comes with SwiftPieces Pro: Search Panel in the Pro library.

All patterns →

Lists and Feeds · ProNewPro

Notification Inbox

An in-app notifications list: All, Mentions and Unread, day groups, inline Accept and Reply, swipe actions and Mark all as read.

Inside

All, Mentions and UnreadGrouped by timeInline actionsMark all as read

Lists and Feeds · ProNewPro

Activity Timeline

A day-by-day log on a rail: status-tinted nodes, attachment chips, folded runs, a filter by kind and paging to earlier activity.

Inside

Day groups on a railOutcome tintsAttachment chipsFolded runs and filters

Lists and Feeds · ProNewPro

File List

A files section: storage by type, sort and list or grid, uploads with progress, rename, share, move and delete, and Add.

Inside

Storage bar by typeSort, list or gridUploads with progressRename, Move and Delete

Search PanelNew

More patterns