Preview bar

Prominent bar that contains the publish status of a page when viewing it on staging.

<!-- COMPONENT: Preview bar -->
<aside class="info-stripes">
    <div class="preview-stripe">
        <div class="row">
            <div class="small-24 column">
                This is the <span>preview version</span> of the website. It is only visible on campus. This page is a draft and may not be factually accurate.
<!-- End component: Preview bar -->
  • Handle: @preview-bar
  • Preview:
  • Filesystem Path: components/ingredients/common-ingredients/bars/preview-bar/preview-bar.hbs