Web ResponsiveComponents
Lists

Lists

Usa listas cuando necesites hacer enumeraciones de elementos y estructurarlos en forma de columnas. Puedes usar diferentes tipos de listas en las que los elementos estén ordenados o vayan acompalados de números, bullets o iconos.

Tipología

Puedes usar dos tipos de listas en función a la ordenación de los elementos que la componen: ordenadas y desordenadas. Usa números o letras para los elementos de las listas ordenadas y bullets o iconos para las desordenadas.

El tamaño del texto puede ser body (16dp) o Small (14dp), pero en este último caso no puedes aplicar el tipo de lista con iconos. En cuanto a los márgenest vertical debes seguir las normas generales que se aplican para separar párrafos que puedes consultar en la sección tipografía.

Tipos de listas ordenadas (arriba) y desordenadas (abajo).
  • 10dp
  • Tamaño del texto
Los normas de espaciado que debes aplicar a las listas son los mismos que para los párrafos..

Usos alternativos

También puedes crear listas combinando otros elementos, como imágenes, dividers, check boxes y radio buttons. Como norma general sigue las mismas normas descritas con anterioridad para los tipos básicos de lista.

  • 10dp
  • 30dp
Lista ordenada con imágenes.
Listas con elementos del tipo check box y radio button.