PageHeader

Parent link

The default way to let users navigate up in the hierarchy on narrow viewports.

Context bar actions

Actions that appear in the context bar specifically.

Context bar area

The context bar is a generic slot for any component above the title region. Use it for custom breadcrumbs and other navigation elements instead of parent link.

Default title variant

Most common page title size. Use for static titles in most situations.

Large title variant

Use large for for user-generated content such as issues, pull requests, or discussions.

Subtitle variant

Use subtitle when a title is already present in the page, such as in a Split page layout.

Leading visual

Leading visuals are optional and appear at the start of the title. They can be octicons, avatars, and other custom visuals that fit a small area. Leading visuals remain visible on all viewports.

Trailing visual

Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, privacy details, etc. Trailing visuals remain visible on all viewports.

Leading action

A back button can be used as a leading action for local navigation. On narrow viewports, use parent link instead.

Trailing action

Trailing action can display subtler actions aligned directly next to the title. On narrow viewports, replace the trailing action with an item in an overflow button.