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.

Information notification live

Guidelines coming soon.

Example

Example

HTML

                                    
<div class="coop-c-notification" role="status"> 
    <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

Alert 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