Design System Quipux Design System Quipux
  • Inicio
  • Plataformas digitales
    • Clientes
      • Fundamentos
        • Estilos
        • Formularios
        • Componentes
      • Sistemas Inteligentes de Movilidad
        • Contenido
        • Elementos
        • Layouts
        • Templates
        • Componentes
Design System Quipux Design System Quipux
  • Inicio
  • Plataformas digitales
    • Clientes
      • Fundamentos
        • Estilos
        • Formularios
        • Componentes
      • Sistemas Inteligentes de Movilidad
        • Contenido
        • Elementos
        • Layouts
        • Templates
        • Componentes
Plataformas digitales
  • Folder icon closed Folder open iconClientes
    • Fundamentos
      • Estilos
        • Colores
        • Iconografía
        • Elevaciones
        • Tipografía
        • Grids
      • Formularios
        • Inputs
        • Selects
        • Toggles
        • Slider
        • File uploader
      • Componentes
        • Button
        • Cards
        • Progress bar
        • Badge, tags y chips
        • Usos y normas de las tablas
    • Sistemas Inteligentes de Movilidad
      • Contenido
        • Colores
        • Uso tipográfico
        • Logos y manuales
      • Elementos
        • Footer
        • Notificaciones
      • Layouts
        • Ejemplos de vistas
        • Ejemplo de uso de grids
        • Ejemplos de vistas de WordPress
      • Templates
        • Correos
        • Documentos
      • Componentes
        • Lista
        • Usos de progress bar
        • Botones
        • CIVii
  • Folder icon closed Folder open iconCorporativo
  • Folder icon closed Folder open iconPlantilla

Lista

 

Las listas son componentes utilizados para mostrar conjuntos de información de manera ordenada y estructurada. Permiten organizar contenido relacionado para facilitar la lectura, escaneo visual y comprensión.

Principios de uso

Uso

Las listas presentan el contenido de tal forma que resulta fácil identificar un elemento concreto de una colección y actuar en consecuencia.

Lista de una sola línea

Se trata de la forma más sencilla de lista, ya que muestra solo una línea de contenido por elemento. Son ideales para información breve y fácil de asimilar.

Color de lista

Normalmente es utilizado en color Secondary.

Estados de listas

  1. Default
  2. Selected
  3. Hover
  4. Disabled

H2 título sección

H3 subtítulos sección

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. 

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

  1. Caracteristica
  2. Caracteristica
  3. Caracteristica

H2 título sección

Descripción imagen

Descripción imagen

Lista - PreviousComponentesNext - ListaUsos de progress bar
Contenidos

Copyright © 2026 Quipux. Todos los derechos reservados