Joomla Alert - Auto dismiss
HTML Code (Demo)
<div id="system-message-container">
<joomla-alert type="info" dismiss="true" auto-dismiss="5000">
<div class="alert-heading">
<span class="info">Auto dismiss 5000ms</span><span class="visually-hidden">info</span>
</div>
<div class="alert-wrapper">
<div class="alert-message">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea, esse nisi. Doloremque assumenda quas ullam ipsa ex quae, reiciendis voluptatum beatae officiis laudantium nesciunt qui rem perferendis eveniet sequi dignissimos. <a class="alert-link" href="#">This is a Link</a></div>
</div>
</joomla-alert>
</div>Configuration
Component Config:
Joomla/joomla-alert/joomla-alert.config.js
{
"headline": "Auto dismiss 5000ms",
"content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea, esse nisi. Doloremque assumenda quas ullam ipsa ex quae, reiciendis voluptatum beatae officiis laudantium nesciunt qui rem perferendis eveniet sequi dignissimos. <a class=\"alert-link\" href=\"#\">This is a Link</a>",
"type": "",
"dismiss": "true",
"autoDismiss": "5000"
}