Valmor

List

Lista vertical de itens.

List

Pilha de Usuários / Dashboard de Equipe (Interativo)

Passe o cursor sobre os itens para ver as micro-transições de destaque.

Membros do Time

3 colaboradores ativos

Time A
  • Alice
    UI/UX
  • Marcus
    Cloud
  • Julia
    Management

Playlist Musical Tradicional (`list-col-grow` na 3ª Coluna)

  • 01
    Cover
    Vaporwave Horizon
    Sunset Retro
    3:42
  • 02
    Cover
    Cybernetic Overdrive
    Tokyo Grid
    4:15

Listagem de Feed com Resumos (`list-col-wrap`)

  • Lançamento
    Valmor UI v2.0 Lançado
    Há 2 horas

    A nova versão traz suporte a micro-interações animadas em CSS puro, melhorias de acessibilidade em leitores de tela e visualizações em modo compacto otimizadas. 

<!-- List Component -->
<div class="list">
  List content here
</div>
---
import List from '@/components/ui/data-display/List/List.astro';
---

<List />

Uso

Quando usar

  • Use List para lista vertical de itens.
  • Ideal para interfaces que precisam de exibição de dados

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela