Componentes / BlockList

BlockList

estable

Lista de bloques título + contenido, separados por línea horizontal.

Título primer item lista
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sed ut perspiciatis unde
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
Neque porro quisquam est, qui dolorem ipsum
Quis autem vel eum iure reprehenderit qui in ea voluptate.

Controls

theme

HTML

<ul class="block-list">
  <li class="block-list__item">
    <h4 class="block-list__title">Título primer item lista</h4>
    <div class="block-list__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  </li>
  <li class="block-list__item">
    <h4 class="block-list__title">Sed ut perspiciatis unde</h4>
    <div class="block-list__content">Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?</div>
  </li>
  <li class="block-list__item">
    <h4 class="block-list__title">Neque porro quisquam est, qui dolorem ipsum</h4>
    <div class="block-list__content">Quis autem vel eum iure reprehenderit qui in ea voluptate.</div>
  </li>
</ul>