A header is a section title to represent the content of the section. It helps to group content on screen into reasonable sections so users can consume the information easier. Headers should be concise and accurate so that users can quickly identify what each content section is about.
A. Section Header
A section header represents the content of a section. It uses a simple and short word or phrase to convey the purpose of the section.
Section header on mobile
Section header on tablet
B. Section Header with Action
A section header can contain an action button associated with the content of the section. For example, the attachment header contains an “Add” button to allow users to add attachments. To learn more about that workflow, please see the attach article.
Section header with an add action for the attach pattern
C. Data Table Header
A data table header is specifically used for the data table view. It always stays right below the app bar when scrolling down through the data table contents.
See more details in data table.
Data table header with sample data on tablet
Headers are not shipped with the SDK yet but will be implemented in the future.