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.

Variations

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 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.

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.

Resources

Development: SectionedRecyclerViewAdapter

SAP Fiori for iOS: Object Header, Chart Header, Profile Header, KPI Header