An alert component is a UI element used to display important messages, notifications, warnings, errors, or success messages to users. It grabs the user's attention and provides context about an event or action.
<div class="bp--alert para--four display--flex alert-warning">
<span class="blueprint-icon icon-warning icon-1x"></span>
<div class="bp--alert--text text-black">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
<div class="bp--alert--close">
<button class="btn btn--regular" aria-label="Close">
<span class="blueprint-icon icon-bp_1_close icon-1x"></span>
</button>
</div>
</div>