• Accordion
• Breadcrumb
• Buttons
• Content card
• File Download
• Form elements
• Hub header
• Inset text
• Links
• Loader
• Page header
• Phase indicator
• Warning text

Phase indicators

About

What does it do?

• Helps users to identify when a service is in a development phase

When to use it?

• Every service that has not passed its public beta service assessment must have a phase indicator
• Within the header pattern
• Within the phase banner pattern

A service can either be in Alpha (prototype stage) or Beta (when it is on a publicly accessible website).

<a href="https://wmcadigital.github.io/wmre-design-system/" target="_self" class="wmre-phase-indicator" title="Beta homepage of West Midlands Rail Executive Design System">
  Beta
</a>

<div class="wmre-grid wmre-banner-container">
  <div class="wmre-col-auto wmre-float-left wmre-m-r-xsm">
    <a href="https://wmcadigital.github.io/wmre-design-system/" target="_self" class="wmre-phase-indicator" title="Beta homepage of West Midlands Rail Executive Design System">
        Beta
      </a>
  </div>
  <div class="wmre-col-auto">
     <p class="wmre-banner-container__text">
      <a href="#" title="Link title" target="_blank" class="wmre-link " rel="noopener noreferrer" >
        
        Try our projects page
        
      </a>
     </p>
  </div>
</div>