Message: Success Half Width Without Container

Ready

HTML
View
Context
Assets
Notes


        
        <div class="message--success is-half-width">
    <div class="message__container--disabled">
        <span class="visually-hidden">Success message</span>
        <div class="message__content">
            <p class="message__text">Your order has been placed successfully. Your order has been placed successfully. Your order has been placed successfully. Your order has been placed successfully. Your order has been placed successfully.</p>
        </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": "success",
  "halfWidth": true,
  "container": false,
  "message": "Your order has been placed successfully. Your order has been placed successfully. Your order has been placed successfully. Your order has been placed successfully. Your order has been placed successfully."
}

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.