Examples
Use for detail pages, which should have pagination and breadcrumbs, and also often have several actions.
Use to build the outer wrapper of a page, including the page title and associated actions.
Use for detail pages, which should have pagination and breadcrumbs, and also often have several actions.
Use for detail pages, which should have breadcrumbs, and also often have several actions.
Use for building any page on Android.
Use for detail pages, which should have breadcrumbs, and also often have several actions.
Use for building any page on iOS.
The page component should:
Titles should:
App icons should:
The content of each breadcrumb link should be the title of the page to which it links.
Page header action labels should be:
Clear and predictable: merchants should be able to anticipate what will happen when they click a page action. Never deceive merchants by mislabeling an action.
Action-led: they should always lead with a strong verb that encourages action. To provide enough context to merchants, use the {verb}+{noun} format.
Create order
View in Postmates
Create
Postmates deliveries
Short: for secondary actions, when the noun represents the same object as the page itself, a verb alone may be used. If there is ambiguity (such as with the verb “Cancel”), always use the {verb}+{noun} format.
In the context of the orders list page:
Import
Export
Import orders
Export orders
Add menu item
Add a menu item