Index

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

Figma

---

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	-	-	Ver na tabela

Atualizações por data

Abril 2024

12/03/2024

• https://github.com/Letras-mus-br/issues/issues/839

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.