Alerts


Success Alert

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.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<div class="bp--alert para--four display--flex alert-success">
  <span class="blueprint-icon icon-success 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>