# TaskList Uma lista de coisas a fazer ou acompanhar, cada uma com o seu estado, levando ao item. ## Playground ```html ``` ## Quando usar - Para tarefas, agendamentos ou partes de um trabalho, quando o que importa é o nome e o estado de cada um. ## Quando não usar - **Várias características para comparar:** Table. - **Uma lista sem estado** (só links): uma lista comum. ## Exemplos ### Tarefas O nome leva ao item; o detalhe diz quem e quando; o estado é uma Tag, à direita. Mostrar código ```html ``` ## Anatomia 1. **Nome:** um link que leva ao item. 2. **Detalhe**, opcional: quem, quando. 3. **Estado:** uma Tag, à direita. ## Bons e maus padrões Faça assim - [Trocar as fotos](#exemplos)Atrasada O nome leva ao item; o estado se lê na hora. Não faça - **Trocar as fotos**VerEditarConcluir Três links por linha e nenhum estado: a lista vira um painel de botões. ## Como escrever - Nome: a tarefa como ação ("Revisar o contrato"), igual em todo lugar. - Estado: as mesmas palavras de sempre ("Aberta", "Fazendo", "Esperando", "Concluída"). ## Acessibilidade - É uma lista (`