Scope HeaderNew
A feed header: the title, scopes as text tabs with a sliding underline, filter chips that scroll, and a Filters button with its count.
Pro pattern · recorded from Pro
The SwiftUI source comes with SwiftPieces Pro.
Every Pro pattern installs with one command once your license is signed in, and re-skins with Pro's design system.
Open it in the Pro library ↗Needs a SwiftPieces Pro license: npx swiftpieces login first.
- Type
- ScopeHeader
- Inside
- Sliding scope tabs, Filter chips, Filters count, Pinned header
- Install, with a Pro license
- npx swiftpieces add ScopeHeader
- Depends on
- Pro's Design System, which installs with it
The header of a feed. Scopes such as For you, Following and Saved sit as text tabs with an underline that slides to the one you pick, and filter chips scroll sideways beside a Filters button that counts what is on. It pins over the feed as a section header and shows a hairline once it is stuck.
Its SwiftUI source comes with SwiftPieces Pro: Scope Header in the Pro library.
More patterns
All patterns →Greeting HeaderPro
The top of a home tab: the date, a bell with its unread count, the avatar, a greeting by time of day and search, folding into a compact bar.
Location HeaderPro
The header of a delivery or local app: the address and its chooser, search, a Now or Schedule pill, and the bag with its count.
