• Patterns
  • General

Actionable header

Key datasets

View more datasets

Usage notes

Use where you have a header of undetermined length right next to an action, like a link or a button.

  
<header class="actionable-header">
  <h2 class="actionable-header__title">Key datasets</h2>
  <a class="actionable-header__action" href="#">View more datasets</a>
</header>