Skip to main content

Timeline

Information: Documentation incomplete

This component still requires documentation.

Use the timeline component to display a chronological list of information.

Examples

Default

View HTML
<ol class="uhb-c-timeline">
  <li class="uhb-c-timeline__item">
    <h2 class="uhb-c-timeline__heading">Timeline heading</h2>
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  </li>
  <li class="uhb-c-timeline__item">
    <h2 class="uhb-c-timeline__heading">Timeline heading</h2>
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  </li>
  <li class="uhb-c-timeline__item">
    <h2 class="uhb-c-timeline__heading">Timeline heading</h2>
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  </li>
</ol>