Feedback

A página combina alertas e barras de progresso para demonstrar padrões de feedback transacional e contínuo em uma interface administrativa.

Descrição

A tela reúne componentes úteis para mensagens imediatas, estados de atenção, acompanhamento de progresso e comunicação de status.

Recursos

Alertas com variantes, ícones, preenchimento sólido e dismiss.
Barras de progresso simples e empilhadas.
Composição adequada para feedback transacional e operacional.

Limitações

Alertas não substituem fluxo de confirmação crítica.
Progress não faz polling ou sincronização automática.
Estados muito densos pedem hierarquia visual no componente pai.

Alerts

Exemplos reais com variant, solid, dismissible, iconMode e iconPosition.

Deploy concluído. O pacote já está pronto para ser validado no navegador.

Atenção. Use solid=true quando quiser mais contraste em avisos importantes.

Borderless, roundedPill e alertClass permitem compor estilos mais específicos sem criar variantes novas.

Progress

Pipeline de release

Config: height, rounded, showValueLabel

Capacidade por squad

Config: striped, animated, barras empilhadas

Como utilizar alerts

variant define a cor sem criar classes manuais.
[solid] aumenta contraste em avisos importantes.
[dismissible] e [visible] permitem ciclo controlado pelo componente pai.
iconClass, iconMode e iconPosition ajustam a leitura visual.
[borderless], [roundedPill] e alertClass refinam o acabamento.

<li-alert
  variant="warning"
  [solid]="true"
  iconClass="ph-warning-circle"
  [dismissible]="true">
  <strong>Atenção.</strong> Revise a operação.
</li-alert>

Como utilizar progress

[height] controla a espessura da barra.
[rounded], [striped] e [animated] ajustam o tratamento visual.
li-progress-bar recebe [value], label e [showValueLabel].
Barras empilhadas são úteis para composição de capacidade por grupo.

<li-progress [height]="'1rem'" [striped]="true" [animated]="true">
  <li-progress-bar class="bg-success" [value]="42" label="Produto"></li-progress-bar>
  <li-progress-bar class="bg-info" [value]="28" label="UX"></li-progress-bar>
</li-progress>

Components Feedback