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

Padrão Digital de Governo

<div class="br-scrim foco" id="scrimexample" data-trigger="scrim">
  <div class="br-modal medium">
    <div class="br-modal-dialog">
      <div class="br-modal-content">
        <div class="br-modal-header">
          <h1 class="br-modal-title">Scrim com Foco</h1>
        </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="scrimexample">Cancelar
          </button>
          <button class="br-button primary mt-3 mt-sm-0 ml-sm-3" type="button">Retornar
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="scrimexemplo">
  <button class="br-button primary" type="button">Testar Scrim
  </button>
</div>