NOTIFICATION

Swavy UI notification is used for popping alerts in a webpage

DEFAULT NOTIFICATION

  Swavy UI Notification

Swavy UI Notification with Close Button

                    
<div class="sw_notification">
    <i class="fa-solid fa-circle-info st-silver"></i>&nbsp;
    <span class="font_xd-1">Swavy UI Notification</span>
</div>

<div class="sw_notification sw_notification-outline br-charcoal sw_rsq-1">
    <button class="sw_close st-burlywood" data-close="notification"></button>
    <p class="font_xd-1">Swavy UI Notification with Close Button</p>
</div>

                

NOTIFICATION WITH BORDER

  Swavy UI Notification with Border Left
  Swavy UI Notification with Border Right
  Swavy UI Notification with Border Top
  Swavy UI Notification with Border Bottom
                    
<div class="sw_notification sw_notification-small has-border-left brl-sky_blue">
    <i class="fa-solid fa-circle-info st-silver"></i>&nbsp;
    <span class="font_xd-1">Swavy UI Notification with Border Left</span>
</div>

<div class="sw_notification sw_rsq-1 has-border-right brr-orange">
    <i class="fa-solid fa-triangle-exclamation st-ghost_green"></i>&nbsp;
    <span class="font_xd-1">Swavy UI Notification with Border Right</span>
</div>

<div class="sw_notification sw_notification-large sw_notification-styled bg-snow has-border-top brt-brown">
    <i class="fa-solid fa-check st-burgundy"></i>&nbsp;
    <span class="font_xd-1">Swavy UI Notification with Border Top</span>
</div>

<div class="sw_notification sw_notification-larger sw_notification-styled  has-border-bottom brb-stack">
    <i class="fa-solid fa-xmark st-mint"></i>&nbsp;
    <span class="font_xd-1">Swavy UI Notification with Border Bottom</span>
</div>