Menu

Alert - Different icon

<div class="mp c-alert c-alert--info">
<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--log-out">
<use xlink:href="/static/svg/sprite.svg#log-out"></use>
</svg>
</div>
{
"content": "<p>During the COVID-19 situation, our sales team are still available to answer all your sales enquiries</p>",
"icon": "log-out"
}

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