Pular para o conteúdo principal

List​

Componente List

📘 Modo de Uso​

O componente List organiza informações em sequência, facilitando a leitura e a hierarquização de itens.
O ListItem é utilizado como elemento filho, representando cada item da lista.

🧩 Anatomia​

Anatomia do componente List

📋 Propriedades​

Propriedades do componente List

⌨️ Código​

opl.dataDisplay.component.list

🎨 Variantes​

Estados​

Variações de estados do componente List

Tamanhos​

Variações de tamanhos do componente List

Opções​

Variações de opções do componente List

🛡️ Boas Práticas e Acessibilidade​

  • Use listas para organizar informações relacionadas de forma clara.
  • Prefira listas ordenadas quando a sequência dos itens tiver importância.
  • Prefira listas não ordenadas para agrupar itens sem hierarquia numérica.
  • Garanta que cada item de lista seja claro e objetivo, evitando textos longos.