Menu Icon

Steps

Steps guide by sequenced subtasks in a serie. They let users know what are the ordered tasks of a process.

Usage

Steps comes with title, subtitle and description. They provide to give icon, next button and previous button.

Guidance

  • Steps should indicate a status.
  • Able to add new Steps by using + icon near Steps component on page tree.

When to use

  • Use Steps to define task step by step.

Additional info

  • Consider updating names of previous and next buttons.
  • Consider entering percent % to add loading display of the step.

Variations

  • The updatable properties of Steps are type, direction, label placement, size, status, percent % and finish text.
  • The updatable behaviour of Steps is disabled.
  • The updatable properties of Step item are title, subTitle, icon, description, next button text and previous button text.
  • The updatable behaviour of Step item is disabled.
  • The usable dynamic properties of Steps are type, direction, labelPlacement, size, status, percent, hidden and style.
  • The usable dynamic properties of Step item are title, subTitle, icon, description, status, disabled, hidden and style.