@govbr-ds/core/dist/components/tooltip/examples/tooltip-warning-bottom-timer.html

Padrão Digital de Governo

<div class="mb-3">
  <div class="br-input input-button">
    <label for="input-password">Senha</label>
    <input id="input-password" type="password" placeholder="Digite sua senha"/>
    <button class="br-button" type="button" aria-label="Exibir senha" role="switch" aria-checked="false"><i class="fas fa-eye" aria-hidden="true"></i>
    </button>
  </div>
  <div class="br-tooltip" role="tooltip" warning="warning" place="bottom" active="active" timer="10000"><span class="text" role="tooltip">O Caps Lock está ligado!</span><span class="subtext">Desative antes de digitar</span>
  </div>
</div>