Skip to main content

Featured list

Information: Documentation incomplete

This component still requires documentation.

Use the featured list component to add extra emphasis to a list.

h2>Examples

Default

Open example in a new window
View HTML 
<ol class="uhb-c-featured-list">
  <li class="uhb-c-featured-list__item">
    <div class="uhb-c-featured-list__content">
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
  </li>
  <li class="uhb-c-featured-list__item">
    <div class="uhb-c-featured-list__content">
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
  </li>
  <li class="uhb-c-featured-list__item">
    <div class="uhb-c-featured-list__content">
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
  </li>
  <li class="uhb-c-featured-list__item">
    <div class="uhb-c-featured-list__content">
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
  </li>
  <li class="uhb-c-featured-list__item">
    <div class="uhb-c-featured-list__content">
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
  </li>
  <li class="uhb-c-featured-list__item">
    <div class="uhb-c-featured-list__content">
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
  </li>
</ol>