Menu

Alert - Multiline

<div class="mp c-alert c-alert--multiline c-alert--success">
<h6>Check your email</h6><p>Thank you for signing up for this event.</p><p>We've sent you an email with further details on the event. Please note that you may need to access this email to complete your registration.</p>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</div>
{
"content": "<h6>Check your email</h6><p>Thank you for signing up for this event.</p><p>We've sent you an email with further details on the event. Please note that you may need to access this email to complete your registration.</p>",
"type": "success",
"multiline": true
}

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