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

Padrão Digital de Governo

<div class="dropdown-example">
  <div class="row">
    <div class="col">
      <div>
        <button class="br-button circle small" type="button" id="triggerexample" data-toggle="dropdown" aria-label="Abrir Acesso Rápido" data-target="target"><i class="fas fa-ellipsis-v" aria-hidden="true"></i>
        </button>
        <div class="br-list target" id="target" hidden="hidden">
          <div class="header">
            <div class="title">Acesso Rápido</div>
          </div><a class="br-item" href="javascript:void(0)">Link de acesso 1</a><a class="br-item" href="javascript:void(0)">Link de acesso 2</a><a class="br-item" href="javascript:void(0)">Link de acesso 3</a><a class="br-item" href="javascript:void(0)">Link de acesso 5</a>
        </div>
      </div>
    </div>
    <div class="col">
      <div>
        <button class="br-button circle small" type="button" id="triggerexample2" data-toggle="dropdown" aria-label="Abrir Acesso Rápido" data-target="target2"><i class="fas fa-ellipsis-v" aria-hidden="true"></i>
        </button>
        <div class="br-list target" id="target2" hidden="hidden">
          <div class="header">
            <div class="title">Acesso Rápido</div>
          </div><a class="br-item" href="javascript:void(0)">Link de acesso 1</a><a class="br-item" href="javascript:void(0)">Link de acesso 2</a><a class="br-item" href="javascript:void(0)">Link de acesso 3</a><a class="br-item" href="javascript:void(0)">Link de acesso 5</a>
        </div>
      </div>
    </div>
  </div>
</div>