✓ Stepper – circle

Stepper komponent sa používa na zobrazenie aktuálnej pozície v procese vypĺňania formulára. Umožňuje používateľovi vidieť, v ktorom kroku sa nachádza a koľko krokov mu ešte zostáva na kompletné vyplnenie.

Funčnosť

Jednotlivé kroky môžu obsahovať aj ďalšie podčasti. V takom prípade sa po vyplnení každej podčasti zobrazuje postup (progress) daného kroku formou kružnice – viď ukážka.

Ukážka


  • 1
    Incoming In progress Done
  • 2
    Incoming In progress Done
  • 3
    Incoming In progress Done
  • 4
    Incoming In progress Done
  • 5
    Incoming In progress Done
  • 6
    Incoming In progress Done
  • 7
    Incoming In progress Done

Ukážka < 768px


  • 1
    Incoming In progress Done
  • 2
    Incoming In progress Done
  • 3
    Incoming In progress Done
  • 4
    Incoming In progress Done
  • 5
    Incoming In progress Done
  • 6
    Incoming In progress Done
  • 7
    Incoming In progress Done