ExTimeline

<VBox class="sapUiMediumMargin" width="100%">

  <ux7:ExTitle text="Vertical Timeline" level="h3" variant="section" />
  <ux7:ExTimeline id="tlVertical" orientation="vertical" align="left" showLine="true">
    <ux7:ExTimelineItem title="Başlangıç" subtitle="Proje oluşturuldu" timestamp="2024-01-01" icon="sap-icon://create" color="#2563eb" state="done" highlight="true" />
    <ux7:ExTimelineItem title="Geliştirme" subtitle="Ana özellikler eklendi" timestamp="2024-02-10" icon="sap-icon://action" color="#16a34a" state="active" />
    <ux7:ExTimelineItem title="Test" subtitle="Unit + integration" timestamp="2024-03-05" icon="sap-icon://quality-issue" color="#d97706" state="warning" />
    <ux7:ExTimelineItem title="Yayın" subtitle="Prod ortamına çıktı" timestamp="2024-04-01" icon="sap-icon://present" color="#7c3aed" state="done" />
  </ux7:ExTimeline>

  <ux7:ExTitle text="Horizontal Timeline" level="h3" variant="section" />
  <ux7:ExTimeline id="tlHorizontal" orientation="horizontal" align="alternate" showLine="true">
    <ux7:ExTimelineItem title="Planlama" subtitle="Sprint planı" timestamp="Q1" state="done" />
    <ux7:ExTimelineItem title="Sprint 1" subtitle="İlk teslim" timestamp="Q2" state="active" />
    <ux7:ExTimelineItem title="Sprint 2" subtitle="İkinci teslim" timestamp="Q3" state="default" />
    <ux7:ExTimelineItem title="Go Live" subtitle="Canlıya alma" timestamp="Q4" state="default" />
  </ux7:ExTimeline>

</VBox>