@govbr-ds/core/dist/util/tooltip/examples/tooltip-behavior.html

Padrão Digital de Governo

<div class="col-md-6 text-center">
  <div class="mb-3"><a class="h5" href="javascript:void(0);" data-tooltip-target="#sample-info-top">Informação</a>
    <div class="br-tooltip utilities" id="sample-info-top" role="tooltip" data-toggle="tooltip" info="info" place="top"><span class="text" role="tooltip">Fulano de Tal da Silva</span><span class="subtext">Diretor Presidente</span>
    </div>
  </div>
  <div class="mb-3"><a class="h5" href="javascript:void(0);" data-tooltip-target="#sample-success-left">Sucesso</a>
    <div class="br-tooltip utilities" id="sample-success-left" role="tooltip" data-toggle="tooltip" success="success" place="left"><span class="text" role="tooltip">Incluído com Sucesso!</span><span class="subtext">Protocolo 000.22-11</span>
    </div>
  </div>
  <div class="mb-3"><a class="h5" href="javascript:void(0);" data-tooltip-target="#sample-erro-right">Erro</a>
    <div class="br-tooltip utilities" id="sample-erro-right" role="tooltip" data-toggle="tooltip" error="error" place="right"><span class="text" role="tooltip">Não foi possível logar!</span><span class="subtext">Verifique seus dados</span>
    </div>
  </div>
  <div class="mb-3"><a class="h5" href="javascript:void(0);" data-tooltip-target="#sample-warning-bottom">Advertência</a>
    <div class="br-tooltip utilities" id="sample-warning-bottom" role="tooltip" data-toggle="tooltip" warning="warning" place="bottom"><span class="text" role="tooltip">O Caps Lock está ligadoo!</span><span class="subtext">Desabilite antes de digitar</span>
    </div>
  </div>
</div>