Index

O "Index" destina-se a exibir índices ou listas de itens de forma organizada


Uso

O componente "Index" é ideal para ser utilizado em listagens.


Anatomia

1. Container

2. Label

  • Recebe o texto exibido dentro do componente, como número ou letra


Variantes

Align Variants

-> Align Top

A variante "Align Top" está disponível nas variações medium e small e é recomendada para listagens e contextos onde existem apenas duas linhas de texto por item.

-> Align Middle

A variante "Align Middle" oferece três variações de tamanho e é mais adequada para listagens e contextos onde existe apenas uma linha de texto por item.

Size Variants

-> Small, Medium, Large

Tem preferência de uso na maioria dos casos.

-> Display

Utilizado na listagem de músicas que ainda não seguem o novo padrão.


Histórico de Atualizações

Figma
Gitbook
Android
iOS
Web

10/04/2024

11/04/2024

-

-

Atualizações por data

Percebeu um erro, ficou com dúvida ou tem uma sugestão?

Contribua com o Kósmos preenchendo nosso formulário de contribuição — sua colaboração ajuda a tornar o Design System mais claro, útil e evolutivo para todo o time.

Atualizado