Theme:

Timeline

Timelines display a sequence of events in chronological order. Markers support color variants to indicate status.

Basic Timeline

Order confirmed

Feb 20, 2026 at 9:15 AM

Payment processed

Feb 20, 2026 at 9:16 AM

Shipped via Express

Feb 21, 2026 at 2:30 PM

Delivered

Estimated Feb 23, 2026

<div class="dui-timeline"> <div class="dui-timeline-item"> <div class="dui-timeline-marker dui-timeline-marker-success"></div> <div class="dui-timeline-content"> <h4>Order confirmed</h4> <p>Feb 20, 2026 at 9:15 AM</p> </div> </div> <div class="dui-timeline-item"> <div class="dui-timeline-marker dui-timeline-marker-primary"></div> <div class="dui-timeline-content"> <h4>Shipped via Express</h4> <p>Feb 21, 2026</p> </div> </div> <div class="dui-timeline-item"> <div class="dui-timeline-marker"></div> <div class="dui-timeline-content"> <h4>Delivered</h4> </div> </div> </div>