Timeline: Default

Timeline Component

The Timeline component is designed to elegantly showcase significant historical events across various topics. It offers two distinct versions:

Default Timeline: Perfect for larger displays, this version emphasizes detailed presentation and visual impact.

Basic Timeline: A scaled-down alternative suitable for smaller projects, offering essential features while maintaining clarity and simplicity.

Ideal for educational purposes, storytelling, or any application where chronological data visualization is essential, the Timeline component provides flexibility and aesthetic appeal.

<div class="tcu-timeline-app" data-source="https://tcu150.dev.tcu.edu/past/timeline/timeline.json">
    <div class="tcu-timeline__info">
        <h2 class="tcu-hammerhead">Our History</h2>
        <h2 class="tcu-timeline__info-title h2">Timeline of Our History</h2>
    </div>
</div>
<script type="module" crossorigin="" src="https://assets.tcu.edu/js/timeline/3.0.0/timeline.js"></script>
<link rel="modulepreload" href="https://assets.tcu.edu/js/timeline/3.0.0/index.js">