AnexoItem
- Angular:
mds-anexo-item - CSS/HTML (mds-styles): disponível
- Figma: ❌
- Tipo: Componente Angular
Definição Funcional
Seção intitulada “Definição Funcional”O AnexoItem é utilizado para exibir e gerenciar arquivos anexados ao sistema. Ele permite que o usuário identifique o tipo de documento por meio de ícones, visualize o conteúdo ao clicar e realize a exclusão do arquivo quando necessário.
2. Anatomia e Diretrizes de Escrita
Seção intitulada “2. Anatomia e Diretrizes de Escrita”- Ícone de Tipo de Arquivo: Ajuda no reconhecimento visual do formato (ex: ícone de imagem para JPG, ícone de documento para PDF).
- Rótulo (Label): Descreve a categoria do anexo. Use Caixa de Sentença.
- Exemplo: Comprovante de descarga, Foto da avaria.
- Nome do Arquivo (fileName): Exibe o nome real do arquivo salvo. Evite alterar a caixa para manter a fidelidade ao arquivo original.
- Exemplo: canhoto_nf_123.pdf
- Ação de Exclusão: Botão de lixeira posicionado à direita. Por ser uma ação destrutiva, utilize cor de destaque (vermelho).
- Ação de Clique: Toda a área do nome do arquivo deve ser clicável para abrir a visualização ou download.
Sugestão de padronização
Seção intitulada “Sugestão de padronização”- Sugestão de alteração de
AnexoItem→FileItempara ter a relação com oFileUploader