Time line

red pink purple deep purple indigo blue light blue cyan teal green light green lime yellow amber orange deep orange brown grey blue grey black white

Dashed line

This is a timeline item with a dashed line.

Checked item

This is a timeline item with a check mark.

Info item with dotted line

This is a timeline item with an info color and dotted line.

Error and dotted item

This is a timeline item with an error and a cross mark.

Success item

This is a timeline item with a success color.

MarkDown

/// html | div.timeline.dashed
### Dashed line
This is a timeline item with a dashed line.
///

/// html | div.timeline.check.light
### Checked item
This is a timeline item with a check mark.
///

/// html | div.timeline.info.dotted
### Info item with dotted line
This is a timeline item with an info color and dotted line.
///

/// html | div.timeline.error.cross
### Error and dotted item
This is a timeline item with an error and a cross mark.
///

/// html | div.timeline.success
### Success item
This is a timeline item with a success color.
///