Navigation Bars

Pattern · Navigation Bars

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.

Pattern · Navigation Bars

A feed header: the title, scopes as text tabs with a sliding underline, filter chips that scroll, and a Filters button with its count.

Pattern · Navigation Bars

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.

Pattern · Navigation Bars

Edit mode for any list: a top bar with the count, Select all and Done, an action bar, selection circles on rows, and Undo.