18.15 #Notification.tooltip-with-top-right-arrow Notification as tooltip with top right arrow and close button

Toggle example guides Toggle HTML markup

.sf-notification.-tooltip.-down-right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque luctus, erat sed elementum aliquam, libero nibh aliquam lacus, sollicitudin accumsan justo nibh eu nisi. Donec faucibus commodo lacus, quis laoreet nulla. Ut et neque quis tortor dapibus consequat.
Html
    <div class="sf-notification -tooltip -down-right">
         <i class="sf-notification__close-button sf-icon -close -black -size-2xs"></i>
         <div class="sf-notification__content">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque luctus, erat sed elementum aliquam, libero nibh aliquam lacus, sollicitudin accumsan justo nibh eu nisi. Donec faucibus commodo lacus, quis laoreet nulla. Ut et neque quis tortor dapibus consequat.
         </div>
     </div>