Give a page a clear, separated title and optional top nav by adding a
In its simplest form, you can build a pagehead with a
pagehead element with an
Place an avatar inside the
h1 to have margins applied to it. Don't forget the
Also be sure to add
aria-hidden="true" to hide the avatar from screenreaders.
For path or breadcrumb patterns, wrap the
path-divider to add some nice horizontal spacing.
To add actions on the right side of the
pagehead, use the
pagehead-actions element. Place
pagehead-actions before the
h1 to ensure proper placement.
pagehead to construct a header and navigation for a repository.