<div class="message--warning">
<div class="message__container">
<span class="visually-hidden">Warning message</span>
<div class="message__content--centered">
<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 class="message__close-button">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes">
<span class="visually-hidden">Schliessen</span>
</button>
</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"
},
"closeButton": {
"variant": "icon-regular",
"title": "Schliessen",
"icon": "close",
"type": "button",
"role": "button",
"name": "close-big-menu",
"value": "yes"
},
"variant": "warning",
"messageItems": [
"Please mind the gap. There might be a problem.",
"Message field is required.<br>New line"
],
"centered": true
}
import './message.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/message/message";
No notes defined.