Block List

Block Lists use separator lines to delineate items in a list and are ideal when a grouping of items or links need to be displayed together.

Options

Use of Descriptions when links are available for each item in the list

One Column Block List

  • Lorem ipsum dolor sit amet consectetur adipisicing elit.
  • Quae atque et natus tempora iste minima adipisci repudiandae.
  • Incidunt ad eius quasi molestiae, animi aut aspernatur.

One Column Block List of Links

Two Column Block List

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem mollitia consequuntur?
  • Maxime, nam et. Doloribus laboriosam dolor, porro quasi quis saepe, maxime minima.
  • Pariatur, laudantium rerum, veritatis nesciunt quis magni aliquam nostrum vel incidunt in reprehenderit quisquam!
  • Nam alias eligendi nostrum a, illo obcaecati molestiae possimus dolorem libero voluptates architecto nemo.
  • Sed, doloribus amet, fugiat neque cupiditate aut, debitis odio dolorem fuga cum blanditiis.
  • Illum amet porro laboriosam eum qui voluptates adipisci nam quos pariatur.

Two Column Block List with Descriptions

Three Column Block List

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem mollitia consequuntur?
  • Maxime, nam et. Doloribus laboriosam dolor, porro quasi quis saepe, maxime minima.
  • Pariatur, laudantium rerum, veritatis nesciunt quis magni aliquam nostrum vel incidunt in reprehenderit quisquam!
  • Nam alias eligendi nostrum a, illo obcaecati molestiae possimus dolorem libero voluptates architecto nemo.
  • Sed, doloribus amet, fugiat neque cupiditate aut, debitis odio dolorem fuga cum blanditiis.
  • Illum amet porro laboriosam eum qui voluptates adipisci nam quos pariatur.
  • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolores, sit. Labore facilis aperiam, corporis ullam quod rerum, architecto dolores mollitia fugit delectus est odio consequuntur, excepturi voluptatibus eius nam possimus.
  • Atque, itaque molestiae possimus delectus, recusandae fuga vitae natus, voluptatibus labore fugiat sed voluptatum tenetur aut. Molestiae, sint, blanditiis laborum nulla porro cupiditate ea iusto soluta corrupti quo modi harum.
  • Ipsam facere, veritatis nostrum placeat dolore eius magni cupiditate aspernatur fugit sapiente! Sunt reiciendis vel error odit deleniti repellat, facilis sed corporis aspernatur provident, impedit ex delectus. Perspiciatis, voluptates dolores?
  • Adipisci, aliquam a! Earum numquam id, qui pariatur doloremque repudiandae accusamus! Tenetur animi, possimus cum ad placeat asperiores ab nostrum ipsa perspiciatis reiciendis recusandae inventore corporis error non quam enim.

One Column Block List in a Horizontal Card

Header

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem mollitia consequuntur?
  • Maxime, nam et. Doloribus laboriosam dolor, porro quasi quis saepe, maxime minima.
  • Pariatur, laudantium rerum, veritatis nesciunt quis magni aliquam nostrum vel incidunt in reprehenderit quisquam!

Two Column Block List in a Horizontal Card

Header

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem mollitia consequuntur?
  • Maxime, nam et. Doloribus laboriosam dolor, porro quasi quis saepe, maxime minima.
  • Pariatur, laudantium rerum, veritatis nesciunt quis magni aliquam nostrum vel incidunt in reprehenderit quisquam!
  • Nam alias eligendi nostrum a, illo obcaecati molestiae possimus dolorem libero voluptates architecto nemo.
  • Sed, doloribus amet, fugiat neque cupiditate aut, debitis odio dolorem fuga cum blanditiis.
  • Illum amet porro laboriosam eum qui voluptates adipisci nam quos pariatur.

Two Column Block List with Descriptions in a Horizontal Card

Header

Three Column Block List in a Horizontal Card

Header

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem mollitia consequuntur?
  • Maxime, nam et. Doloribus laboriosam dolor, porro quasi quis saepe, maxime minima.
  • Pariatur, laudantium rerum, veritatis nesciunt quis magni aliquam nostrum vel incidunt in reprehenderit quisquam!
  • Nam alias eligendi nostrum a, illo obcaecati molestiae possimus dolorem libero voluptates architecto nemo.
  • Sed, doloribus amet, fugiat neque cupiditate aut, debitis odio dolorem fuga cum blanditiis.
  • Illum amet porro laboriosam eum qui voluptates adipisci nam quos pariatur.
  • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolores, sit. Labore facilis aperiam, corporis ullam quod rerum, architecto dolores mollitia fugit delectus est odio consequuntur, excepturi voluptatibus eius nam possimus.
  • Atque, itaque molestiae possimus delectus, recusandae fuga vitae natus, voluptatibus labore fugiat sed voluptatum tenetur aut. Molestiae, sint, blanditiis laborum nulla porro cupiditate ea iusto soluta corrupti quo modi harum.
  • Ipsam facere, veritatis nostrum placeat dolore eius magni cupiditate aspernatur fugit sapiente! Sunt reiciendis vel error odit deleniti repellat, facilis sed corporis aspernatur provident, impedit ex delectus. Perspiciatis, voluptates dolores?
  • Adipisci, aliquam a! Earum numquam id, qui pariatur doloremque repudiandae accusamus! Tenetur animi, possimus cum ad placeat asperiores ab nostrum ipsa perspiciatis reiciendis recusandae inventore corporis error non quam enim.

Block List Specifications

Page last reviewed: