28.1 #Tooltip.on-bottom Tooltip on bottom

Toggle example guides Toggle HTML markup

.sf-tooltip

Looking for specific items?

Search or filtering may be easier
Html
    <div class="sf-row -align-items-center" style="padding-bottom: 100px;">
    <div class="sf-tooltip -dropped">
         <button type="button" class="sf-button">Load 50 more News</button>
         <div class="sf-tooltip__content -down">
             <div class="sf-notification -tooltip -down">
                 <span class="sf-notification__close-button"></span>
                 <div class="sf-notification__content">
                     <h4>Looking for specific items?</h4>
                     <a>Search</a> or <a>filtering</a> may be easier
                 </div>
             </div>
         </div>
      </div>
      </div>