We're currently working on the future of the Design system at Co-op

We'll start talking about this publicly as soon as we can. In the meantime this site will remain up to date with our current design patterns.

Alert notification live

Guidelines coming soon.

Example

Example

HTML

                                    
<div class="coop-c-notification coop-c-notification--alert" role="alert"> 
    <h3 class="coop-c-notification__heading">Coronavirus</h3> 
    <p class="coop-c-notification__p">
        <a href="" class="coop-c-notification__link">Read our advice and latest updates</a>
    </p> 
</div>
                                    

Design and content

Documentation coming soon.

Accessibility

Documentation coming soon.

Related components

Information notification

Suggest a pattern or change

Use this form to suggest a new pattern or a change to an existing one.

Suggest a new pattern or a change