<div class="message-list">
<div class="message-list__message">
<div class="message--warning has-no-space">
<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">Zum Produkt X in Ihrem Warenkorb liegt ein Big Deal vor. Dieses Produkt wurde daher durch das Angebot ersetzt.</li>
<li class="message__list-item">Zum Produkt Y in Ihrem Warenkorb liegt ein Big Deal vor.</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>
</div>
</div>
{% include '@SharedComponents/modules/page/components/message-list/message-list.twig' %}
{
"messages": [
{
"isHidden": false,
"closeButton": {
"variant": "icon-regular",
"title": "Schliessen",
"icon": "close",
"type": "button",
"role": "button",
"name": "close-big-menu",
"value": "yes"
},
"labels": {
"info": "Information message",
"error": "Error message",
"warning": "Warning message",
"success": "Success message"
},
"variant": "warning",
"spacing": false,
"centered": true,
"messageItems": [
"Zum Produkt X in Ihrem Warenkorb liegt ein Big Deal vor. Dieses Produkt wurde daher durch das Angebot ersetzt.",
"Zum Produkt Y in Ihrem Warenkorb liegt ein Big Deal vor."
]
}
]
}
import './message-list.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/message-list/message-list";
No notes defined.