<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>
Alert - Different icon
{
"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 |