@senior-hcm-service-tower/hst-card
v1.0.0
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 - Card 🚀
Componentes desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.
📝 Requisitos
- Angular: 18.0.1
Objetivo
Disponibilizar um card para agrupamento de componentes dentro do contexto.
Como utilizar
O card irá servir para dividir os agrupamentos, podendo colocar o título de duas formas:
- Texto simples:
<hst-card titulo="Exemplo de título no card">
<p>Conteúdo!</p>
</hst-card>- Texto com template:
<hst-card>
<div titulo>
<i class="pi pi-info-circle"></i>
Título do card
</div>
<p>Conteúdo!</p>
</hst-card>Obs.: A prioridade do título é no formato simples, se informado os dois, apenas irá renderizar o texto do input
Parâmetro de entrada
| Input | Entrada | Valor Padrão | Descrição | | ------------- | ------------- | ------------- |------------- | | noBorder | boolean | false | Caso seja utilizado dentro de outro card para subdivisão, poderá ser removido as bordas | noTitle | boolean | false | Caso deseja esconder o título | upperCase | boolean | true | Título totalmente em uppercase | titulo | string | '' | Título simples para o card (prioridade em relação à template) | corTitulo | string | #00c99a | Cor do título | style | string | '' | Possibilidade de injetar o style no card
