@govbr-ds/core
Version:
Padrão Digital de Governo
25 lines (24 loc) • 1.1 kB
HTML
<style>
.exemplo {
max-width: 500px;
}
</style>
<div class="exemplo">
<div class="br-item">
<div class="row align-items-center">
<div class="col-auto"><img class="rounded" src="https://picsum.photos/40" alt="Imagem de exemplo do item sem interação"/></div>
<div class="col"><span>Sint ipsum est excepteur qui. Aute Lorem cillum duis reprehenderit. Ut aute cillum esse dolor.</span></div>
</div>
</div><span class="br-divider"></span>
<div class="br-item">
<div class="row align-items-center">
<div class="col">Lorem ipsum <a href="javascript:void(0);">dolor</a>, sit amet consectetur <a href="javascript:void(0);">adipisicing</a> elit.</div>
<div class="col-auto">
<button class="br-button circle" type="button" aria-label="Interagir com item"><i class="fas fa-city" aria-hidden="true"></i>
</button>
</div>
</div>
</div><span class="br-divider"></span><a class="br-item" href="javascript: void(0)">Item link</a><span class="br-divider"></span>
<button class="br-item" type="button">Item botão
</button>
</div>