Skip to main content

Item type header

Overview

Use this component pattern to indicate what type or kind of thing the subject of a page is about. For example ‘person’ where a page is about an individual.

Uses

Use this pattern when:

  • the page is about a single subject, such as a dataset or person

Use this pattern, do:

  • use the singular term for the type or kind of thing (e.g. ‘person’ not ‘people’)

When using this pattern, do not:

  • make the item type a link

Variants

Basic

Use the stacked page header component to create an item header:

Project
Aerosol-Cloud Coupling And Climate Interactions in the Arctic

<header class="bsk-page-header bsk-page-header-stacked">
  <h1>
    <small>Project</small>
    <br>
    Aerosol-Cloud Coupling And Climate Interactions in the Arctic
  </h1>
</header>

Open full example