<div class="message--warning is-half-width">
<div class="message__container--disabled">
<span class="visually-hidden">Warning message</span>
<div class="message__content">
<ul class="message__list">
<li class="message__list-item">Please mind the gap. There might be a problem.</li>
<li class="message__list-item">Message field is required.<br>New line</li>
</ul>
</div>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/message/message.twig' %}
{
"isHidden": false,
"labels": {
"info": "Information message",
"error": "Error message",
"warning": "Warning message",
"success": "Success message"
},
"variant": "warning",
"halfWidth": true,
"container": false,
"messageItems": [
"Please mind the gap. There might be a problem.",
"Message field is required.<br>New line"
]
}
import './message.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/message/message";
No notes defined.