BoardPipe
- Angular:
mds-board-pipe - CSS/HTML (mds-styles): disponível
- Figma: ❌
- Tipo: Componente Angular
Definição Funcional
Seção intitulada “Definição Funcional”O BoardPipe é a unidade estrutural do Kanban que agrupa cartões (cards) por etapas de um processo. Ele representa uma fase específica do fluxo de trabalho, permitindo a visualização clara da distribuição de tarefas e dos gargalos operacionais. Ele suporta personalização visual (ícone e cor) e descritiva para facilitar a identificação de fluxos específicos e regras de operação. )
Diretrizes de Comportamento
Seção intitulada “Diretrizes de Comportamento”- Título (Obrigatório): Identifica o status da etapa. Use Caixa de Título.
- Exemplo: Aguardando Carga.
- Descrição (Opcional): Texto curto em Caixa de Sentença que explica a função ou critério daquela coluna.
- Exemplo: Cargas com documentação pendente.
- Ícone de Apoio: Posicionado ao lado do título para reforçar o reconhecimento visual (ex: ícone de relógio para “Atrasados”).
- Personalização de Cor: O usuário pode definir uma cor de destaque para o topo do Pipe.
- Dica UX: Garanta que a cor escolhida mantenha o contraste necessário com o texto (branco ou preto) para legibilidade.
Exemplos de Escrita e Customização
Seção intitulada “Exemplos de Escrita e Customização”| Título (Status) | Descrição (Regra) | Ícone Sugerido | Cor Sugerida |
|---|---|---|---|
| Em Aberto | Aguardando entrar no fluxo. | clock |
Amarelo |
| Em Rota | Veículos em deslocamento. | truck |
Azul |
| Crítico | Entregas com prazo expirado. | circle-alert |
Vermelho |
| Finalizado | Entrega finalizada | check |
Verde |