UI KIT · E-COMMERCE · STATUS TIMELINE

Bir sürecin adımlarını gösterin.

Aynı zaman çizelgesi yapısı, üç farklı bağlamda yeniden kullanılır: kargo takibi, iade durumu ve genel iade süreci — Flowbite'ın order-tracking, refund-status ve refunds kategorileri aynı temel UI'ı paylaşır.

Kargo takibi

Varyant 1 · Kargo takibi

1. Sipariş alındı

   12 Haziran, 09:14

2. Kargoya verildi

   13 Haziran, 14:02

3. Dağıtım merkezinde

   14 Haziran, 08:30

4. Teslim edildi

   Bekleniyor

İade durumu

Varyant 2 · İade durumu

1. İade talebi alındı

   1 Temmuz

2. Ürün inceleniyor

   3 Temmuz

3. İade tamamlandı

   3-5 iş günü içinde

Tokenlar: ck-timeline, aria-current="step" (aktif adımı işaretler, ck-stepper'daki gibi), ck-badge--success. Her iki varyant da aynı <ol class="ck-timeline"> yapısını kullanır — sadece içerik değişir.