Skip links and keyboard navigation

Overview

A page alert is intended to impact the entire page experience. They attract the user's attention without interrupting their task. It is placed at the top of a page below the breadcrumbs.

Default

View example in Storybook

Code

<div class="section alert alert-info alert-content">
  <i class="fa fa-info-circle"></i>
  <p>Page alert description. <a href="#">You can include a link</a> if useful.</p>
</div>