Message: Error With Close Button

Ready

HTML
View
Context
Assets
Notes


        
        <div class="message--error">
    <div class="message__container">
        <span class="visually-hidden">Error message</span>
        <div class="message__content">
            <p class="message__text">E-mail <a href="#">field</a> is required.</p>
        </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": "error",
  "message": "E-mail <a href=\"#\">field</a> is required."
}

File:

Content:
import './message.scss';
URL: /components/raw/message/message.js
Filesystem Path: src/components/modules/shared/components/message/message.js
Size: 24 Bytes

Content:


                                @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/message/message";

URL: /components/raw/message/message.scss
Filesystem Path: src/components/modules/shared/components/message/message.scss
Size: 116 Bytes

No notes defined.