Tooltip item

  • tooltip test 
  •         {% include "@Components/items/tooltip-item/tooltip-item.twig" with {props: {
  title: "tooltip test"
}} %}

      
  •           <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          tooltip test
      </div>
</div>