@govbr-ds/core
Version:
Padrão Digital de Governo
37 lines (36 loc) • 2.51 kB
HTML
<div class="br-message danger">
<div class="icon"><i class="fas fa-times-circle fa-lg" aria-hidden="true"></i>
</div>
<div class="content" aria-label="Data de início do afastamento inválida. A data não pode ser superior à data atual." role="alert"><span class="message-title">Data de início do afastamento inválida.</span><span class="message-body"> A data não pode ser superior à data atual.</span></div>
<div class="close">
<button class="br-button circle small" type="button" aria-label="Fechar a messagem alterta"><i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="br-message success">
<div class="icon"><i class="fas fa-check-circle fa-lg" aria-hidden="true"></i>
</div>
<div class="content" aria-label="Sucesso. Seus dados foram alterados conforme preenchimento do formulário." role="alert"><span class="message-title">Sucesso.</span><span class="message-body"> Seus dados foram alterados conforme preenchimento do formulário.</span></div>
<div class="close">
<button class="br-button circle small" type="button" aria-label="Fechar a messagem alterta"><i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="br-message info">
<div class="icon"><i class="fas fa-info-circle fa-lg" aria-hidden="true"></i>
</div>
<div class="content" aria-label="Informação. Seus dados só serão salvos após o preenchimento do primeiro campo do formulário." role="alert"><span class="message-title">Informação.</span><span class="message-body"> Seus dados só serão salvos após o preenchimento do primeiro campo do formulário.</span></div>
<div class="close">
<button class="br-button circle small" type="button" aria-label="Fechar a messagem alterta"><i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="br-message warning">
<div class="icon"><i class="fas fa-exclamation-triangle fa-lg" aria-hidden="true"></i>
</div>
<div class="content" aria-label="Em caso de dúvida, não compartilhe sua senha com terceiros. Ligue para a Central de atendimento." role="alert"><span class="message-title">Atenção.</span><span class="message-body"> Em caso de dúvida, não compartilhe sua senha com terceiros. Ligue para a Central de atendimento.</span></div>
<div class="close">
<button class="br-button circle small" type="button" aria-label="Fechar a messagem alterta"><i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
</div>