Alert
In-line alerts display a non-modal message associated with objects in a view.
Your Information message - make it short
Describe the event and give further instructions if needed, including links to other pages
Your success message - make it short
Describe the event and give further instructions if needed, including links to other pages
Your warning message - make it short
Describe the event and give further instructions if needed, including links to other pages
Your error message - make it short
Describe the event and give further instructions if needed, including links to other pages
<-- Using the 'alert' class name -->
<-- Using the 'primary' class name for showing primary alert -->
<-- Use other classes like 'success', 'warning' and 'error' -->
<div class="alert primary">
<div class="alert-icon">
<img src="../assets/alert-icon.svg" alt="alert-icon" />
</div>
<div class="alert-content">
<div class="alert-title">
Your success message - make it short
</div>
<div class="alert-subtext">
Describe the event and give further instructions if needed, including links to other pages
</div>
</div>
</div>