@govbr-ds/core/dist/components/input/examples/input-buttons.html

Padrão Digital de Governo

<div class="col-sm-5 col-lg-3 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>
<div class="col-sm-5 col-lg-3 mb-3">
  <div class="br-input small input-button">
    <label for="input-login-small">Logar</label>
    <input id="input-login-small" type="text" placeholder="Digite seu usuário"/>
    <button class="br-button" type="button" aria-label="Botão de ação"><i class="fas fa-arrow-right" aria-hidden="true"></i>
    </button>
  </div>
</div>
<div class="col-sm-5 col-lg-3 mb-3">
  <div class="br-input large input-button">
    <label for="input-search-large">Buscar</label>
    <input id="input-search-large" type="search" placeholder="Digite uma palavra"/>
    <button class="br-button" type="button" aria-label="Buscar"><i class="fas fa-search" aria-hidden="true"></i>
    </button>
  </div>
</div>