@senior-hcm-service-tower/hst-message
v1.0.2
Published
Componentes desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.
Keywords
Readme
HCM Service Tower Senior - Message 🚀
Componentes desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.
📝 Requisitos
- Angular: 18.0.1
- primeflex: 3.3.1
- primeng: 17.18.9
📝 Objetivo
O objetivo desse componente é padronizar as mensagens que serão demonstrado para o usuário. Essa mensagem poderá ter quatro tipos: Primário, alerta, sucesso, info e erro, possibilitando remover icone, permitir fechamento e inserir um footer na mensagem.
🛠️ Como usar
O tipo é definido pelo atributo: "type", sendo o "primario" o tipo padrão, não necessitando informar.
<hst-message type="alerta">
Mensagem informativa padrão do sistema
</hst-message>Obs.: Se desejar alterar o icone padrão, basta informar no input "icone", e colocar de acordo com a lista do primeNg: https://v17.primeng.org/icons
<hst-message type="alerta" icone="pi-bell">
Mensagem informativa padrão do sistema com icone de sino
</hst-message>Pode ser removido o icone da mensagem informado o atributo: "noIcon", assim como possibilitar o fechamento utilizando o atributo "closable":
<hst-message noIcon closable>
Mensagem informativa padrão do sistema
</hst-message>E para adicionar um footer, basta adicionar o atributo "footer" no conteúdo:
<hst-message>
Informativo com um checkbox de aceite
<form footer class="flex align-items-center gap-1 mt-2">
<p-checkbox value="ck" inputId="ck" /> <span for="ck">Declaro que li e estou de acordo.</span>
</form>
</hst-message>