New This website is new, your feedback will help us to improve it.

Item type header

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

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

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

Page header

Subtext for header
<header class="bsk-page-header">
  <h1>Page header</h1>
  <small>Subtext for header</small>
</header>

Subtext for header

Page header

<header class="bsk-page-header">
  <small>Subtext for header</small>
  <h1>Page header</h1>
</header>