18.12 #Notification.tooltip-with-down-arrow Notification as tooltip with down arrow

Toggle example guides Toggle HTML markup

.sf-notification.-tooltip.-down

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">
         <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>