Listagem

Listagens são componentes flexíveis, que podem receber diversos tipos de componentes internamente. Porém, algumas regras devem ser seguidas para garantir a consistência da experiência.

Listagem simples

A listagem simples usa como base o componente List e suas variações. De maneira geral, é recomendado respeitar o posicionamento e função dos elementos internos. Evite botão à esquerda e checkbox à direita, e também avatar antes de checkbox, por exemplo.

Itens simples

Itens com Checkbox

Itens clicáveis

Itens com Ícone

Itens com Avatar

Listagens customizáveis

Lista customizável segue as mesmas regras de listagem, mas permite adaptações através da modificação da coluna de conteúdo.

Neste tipo de listagem é possível adicionar componentes e estruturas de acordo com as necessidades, sem afetar a estrutura básica do item.

Elementos clicáveis

Quando tiver mais de um elemento clicável, é preciso ter cuidado para não aplicar uma ação para a linha toda, mas sim ações individuais em cada um dos elementos internos.

Feedback

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.