Patterns · Working a list / All tabs
All tabs
A searchable list of tabs when a record has too many to scroll.
How it works
1
menu
4Tab
2Tab
1Tab
Record numberStatus
AB
Name
Detail
A ≡ button stays pinned at the left of the tab row.
2
All tabsclose
searchSearch
Tab4
radio_button_checkedTab2
radio_button_uncheckedTab1
radio_button_uncheckedIt opens every tab with its count; the current one is chosen.
Rules
- Use when a record has more than six tabs.
- Tabs keep their order; search only filters.
- Choosing a tab closes the sheet and scrolls the tab row to it.
Seen in
MedicalAssessments
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.