# tui-timeline

The Timeline component lets you present events chronologically with a Terminal UI aesthetic. It supports vertical and horizontal orientations.

## Vertical

```html
<ul class="tui-timeline vertical">
    
<!--@include: ./parts/timeline.md-->

</ul>
```

<ul class="tui-timeline vertical">

<!--@include: ./parts/timeline.md-->

</ul>

## Horizontal

```html
<ul class="tui-timeline horizontal">

<!--@include: ./parts/timeline.md-->
    
</ul>
```

<ul class="tui-timeline horizontal">

<!--@include: ./parts/timeline.md-->

</ul>



## Variants

```html
<ul class="tui-timeline vertical">
  <!--@include: ./parts/timeline-variants.md-->
</ul>
```

<ul class="tui-timeline vertical">
  <!--@include: ./parts/timeline-variants.md-->
</ul>