Estilos

Componentes

Formularios

Organismos

Lista informativa

Las listas informativas organizan piezas simples de información en forma vertical. Se utilizan cuando sus elementos no transmiten un orden secuencial específico.

Si quieres conocer las buenas prácticas de uso del componente, puedes visitar el siguiente enlace.

Con viñeta

Este es el subtítulo de una lista general

  • Este es el contenido de un ítem de una lista general.
  • Este es el contenido de un ítem de una lista general.
  • Este es el contenido de un ítem de una lista general.
  • Este es el contenido de un ítem de una lista general.
  • Este es el contenido de un ítem de una lista general.
  • Este es el contenido de un ítem de una lista general.
  • Este es el contenido de un ítem de una lista general.

  <div class="list-informative">
    <h3 class="list-informative-subtitle">
      Este es el subtítulo de una lista general
    </h3>
    <ul class="list-informative-bullet">
      <li>Este es el contenido de un ítem de una lista general.</li>
      <li>Este es el contenido de un ítem de una lista general.</li>
      <li>Este es el contenido de un ítem de una lista general.</li>
      <li>Este es el contenido de un ítem de una lista general.</li>
      <li>Este es el contenido de un ítem de una lista general.</li>
      <li>Este es el contenido de un ítem de una lista general.</li>
      <li>Este es el contenido de un ítem de una lista general.</li>
    </ul>
  </div>

Con check

Este es el subtítulo de una lista de requisitos

  • Este es el contenido de un ítem de una lista de requisitos.
  • Este es el contenido de un ítem de una lista de requisitos.
  • Este es el contenido de un ítem de una lista de requisitos.
  • Este es el contenido de un ítem de una lista de requisitos.
  • Este es el contenido de un ítem de una lista de requisitos.
  • Este es el contenido de un ítem de una lista de requisitos.
  • Este es el contenido de un ítem de una lista de requisitos.

  <div class="list-informative">
    <h3 class="list-informative-subtitle">
      Este es el subtítulo de una lista de requisitos
    </h3>
    <ul class="list-informative-check">
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
      <li>Este es el contenido de un ítem de una lista de requisitos.</li>
    </ul>
  </div>

Navegación de pie de página