ExStepper

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

  <ux7:ExTitle text="Horizontal Stepper" level="h3" variant="section" />
  <ux7:ExStepper id="stepper1" currentStep="0" orientation="horizontal" stepStyle="number" animated="true" doneMessage="İşlem tamamlandı!">
    <ux7:ExStep title="Adım 1" subtitle="Başlangıç">
      <ux7:ExForm>
        <ux7:ExInput label="Adınız" value="Ahmet" />
        <ux7:ExInput label="Soyadınız" value="Doğan" />
        <ux7:ExDatePicker label="Doğum Tarihi" value="2000-01-01" />

      </ux7:ExForm>
    </ux7:ExStep>
    <ux7:ExStep title="Adım 2" subtitle="Bilgiler" />
    <ux7:ExStep title="Adım 3" subtitle="Onay" />
    <ux7:ExStep title="Adım 4" subtitle="Tamam" />
  </ux7:ExStepper>

  <ux7:ExTitle text="Vertical Stepper" level="h3" variant="section" />
  <ux7:ExStepper id="stepper2" currentStep="1" orientation="vertical" stepStyle="icon" animated="true" doneMessage="Bitti">
    <ux7:ExStep title="Başla" subtitle="Hazırlık" />
    <ux7:ExStep title="Devam" subtitle="İşlem sürüyor" />
    <ux7:ExStep title="Sonuç" subtitle="Çıktı üret" error="false" />
  </ux7:ExStepper>

  <ux7:ExTitle text="Error Step" level="h3" variant="section" />
  <ux7:ExStepper id="stepper3" currentStep="2" orientation="horizontal" stepStyle="dot">
    <ux7:ExStep title="Aşama A" />
    <ux7:ExStep title="Aşama B" />
    <ux7:ExStep title="Aşama C" error="true" />
  </ux7:ExStepper>



</VBox>