Lens design system

Staging Bar

Staging bar

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

<!-- COMPONENT: Staging bar -->
<aside class="info-stripes">
    <div class="staging-stripe">
        <div class="row">
            <div class="small-24 column">
                This is the <span>staging server</span>. It is only visible on campus.
            </div>
        </div>
    </div>
</aside>
<!-- End component: Staging bar -->
  • Handle: @staging-bar
  • Preview:
  • Filesystem Path: components/ingredients/common-ingredients/bars/staging-bar/staging-bar.hbs