@govbr-ds/core/dist/components/modal/examples/scrim-behavior.html

Padrão Digital de Governo

<div class="br-scrim-util foco" id="scrimutilexamplemodal" data-scrim="true">
  <div class="br-modal" aria-labelledby="titulomodalexemplo">
    <div class="br-modal-header" id="titulomodalexemplo">Modal com scrim</div>
    <div class="br-modal-body">
      <p>Exemplo utilizando o componente scrim com FOCO</p>
    </div>
    <div class="br-modal-footer justify-content-center">
      <button class="br-button secondary" type="button" data-dismiss="true">Cancelar
      </button>
      <button class="br-button primary mt-3 mt-sm-0 ml-sm-3" type="button">Retornar
      </button>
    </div>
  </div>
</div>
<div class="scrimutilexamplemodal">
  <button class="br-button primary" type="button" id="buttonactivatemodal">Testar o Modal com o Scrim
  </button>
</div>