Copy environment

Alert

Example

Preview 
<div class="h-container sg-js-alert-example">
    <div class="text">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.</p>
        <div role="alert">

            <div class="alert
    alert--error sg-js-alert-example-alert">
                <div class="alert__unformatted-content">

                </div>
                <div class="alert__content text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.
                </div>
                <button type="button" class="alert__close">
            <svg class="icon  alert__close-icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#close"></use>
</svg>
            <span class="h-visually-hidden">Close</span>
        </button>
            </div>
        </div>
        <button type="button" class="button  sg-js-alert-example-button">
                    <span class="button__text">show alert</span>
                    </button>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.",
    "closeButtonLabel": "Close"
  },
  "type": "error",
  "isClosable": true
}