Skip to main content

This is a new service - your feedback will help us to improve it.

Banner


Normal

Component example

This is a new service - your feedback will help us to improve it.

HTML Markup

<div class="wmcads-grid wmcads-banner-container">
   <div class="wmcads-col-1">
      <p class="wmcads-banner-container__text">
         This is a new service - your
         <a href="#" title="link title" target="_blank" class="wmcads-link" rel="noopener noreferrer">feedback
        
      </a>
         will help us to improve it.
      </p>
   </div>
</div>

With phase indicator

What does it do?

  • Helps users to identify when a service is new
  • Offers users the opportunity to give feedback about a new service

When to use it?

  • When a service is new

When not to use it?

  • On a service that has matured and has a steadily positive rate of satisfaction

How it works

  • A service can be in Alpha (prototype stage) or Beta (when it is on a publicly-accessible website)
  • The survey link must point to a Hotjar or service feedback survey, with the service name within the URL. For example, /?serviceName=descriptiveName.

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

Component example

This is a new service - your feedback will help us to improve it.

HTML Markup

<div class="wmcads-grid wmcads-banner-container">
   <div class="wmcads-col-1">
      <div class="wmcads-banner-container__phase-wrapper">
         <a href="https://wmcadigital.github.io/wmca-design-system/" target="_self" class="wmcads-phase-indicator" title="Beta homepage of West Midlands Combined Authority Design System">
        Beta
      </a>
      </div>
      <p class="wmcads-banner-container__text">
         This is a new service - your
         <a href="#" title="link title" target="_blank" class="wmcads-link" rel="noopener noreferrer">feedback
        
      </a>
         will help us to improve it.
      </p>
   </div>
</div>