Card timeline

O componente Card Timeline foi criado para criar linhas do tempo com multiplos cards. img

Atributos da tag#

AtributoInput/OutputTipoObrigatórioValores padrões
id@InputStringNão-
title@InputStringNão-
info1@InputStringNão-
info2@InputStringNão-
status@InputStringNão-
color@InputStringNãogray
cardClicked@OutputfunctionNão-
Valores para color

O atributo color aceita as seguintes strings: gray, red, yellow, green e aquamarine e seu valor padrão é gray.

Como usar#

<ugl-card-timeline
[id]="'card-1'"
[title]="'Title Card'"
[info1]="'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nihil enim iam habes'"
[info2]="'Tu autem negas fortem esse quemquam posse, qui dolorem malum putet.'"
[status]="'Approve'"
[color]="'green'"
(cardClicked)="cardClick($event)"></ugl-card-timeline>