Menu

Alert - Error

<div class="mp c-alert c-alert--error">
<p>During the COVID-19 situation, our sales team are still available to answer all your sales enquiries</p>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</div>
{
"content": "<p>During the COVID-19 situation, our sales team are still available to answer all your sales enquiries</p>",
"type": "error"
}

Props

Name Type Description
content html HTML for the alert
type string "error", "success", "warning", "info"
icon string An icon from the icons system

CSS modifiers

Name Type Description
c-alert--[type] info, error, warning, success The 'type' of alert