Dados

Lista de itens

List

Agrupa elementos relacionados em sequência, com ou sem ordem significativa.

◇
Biblioteca de referênciasAtualizado hoje
›
◇
Meu próximo projetoAtualizado ontem
›

Exemplo didático · Representação visual do padrão

Quando usar

Apresentar coleções que não exigem colunas de comparação.

Cuidados e acessibilidade

Use ol quando a ordem importa e preserve a semântica dos itens.

Partes e comportamento

Conjunto de itens com ordem significativa ou não.

Não confunda

Lista é apropriada quando não existe uma relação tabular entre colunas.

Exemplo de código

<ul>
  <li>Biblioteca de referências</li>
  <li>Meu próximo projeto</li>
</ul>

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

Crie um componente de interface do tipo Lista de itens (List) em português do Brasil. Agrupa elementos relacionados em sequência, com ou sem ordem significativa. Contexto de uso: Apresentar coleções que não exigem colunas de comparação. Estrutura: Conjunto de itens com ordem significativa ou não. Referência técnica: <ul> ou <ol>. Requisito: Use ol quando a ordem importa e preserve a semântica dos itens. Considere também: Lista é apropriada quando não existe uma relação tabular entre colunas. Adapte cores e tipografia ao projeto. Cubra estados inicial, foco, ativo, indisponível, carregamento, vazio e erro quando aplicáveis. Garanta contraste legível, comportamento responsivo, movimento reduzido e acesso por teclado. Use textos em PT-BR, valores em reais e datas no formato brasileiro quando houver. Explique quais partes exigem integração real e não simule sucesso sem concluir a operação.

Consultar referência técnica ↗Copiar link deste termo ↗