Overview

A timeline organises a series of information in ascending or descending order.

Elements

1

2

3

4

5

View Code

• 1

  Title
• 2

  Sub-title
• 3

  Description
• 4

  Bar
• 5

  Circular indicator

  
How to apply
 
 
Title
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa.
 
 
Title
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa.
 
 
Title
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet mattis blandit turpis eget elit massa.

Variations

• Vertical
• Horizontal
• Centre aligned
• Horizontal / Body width
• Vertical left aligned
• Vertical right aligned

Behaviours

None.

Recommendations

Add content strategy guidelines and editorial rules here.