Process flow step

In progress

Process flow step is mainly used only with ProcessFlow pattern and not as a single component.

Example

<hy-box pb="3">
  <hy-process-flow-box
    class="box"
    variant="big"
    box-number="1"
    box-title="Step title"
    box-description="Step description"
    intermediate-step-title="Next step"
    step-state="first"
  />
</hy-box>

Properties

Property	Attribute	Description	Type	Default
boxDescription	box-description	Description	string	undefined
boxNumber	box-number	Step number	string	undefined
boxTitle	box-title	Title	string	undefined
intermediateStepTitle	intermediate-step-title	Step text	string	""
stepState	step-state	Is step first in a row?	"default" \| "first"	"default"
variant	variant	Small or big boxes	ProcessFlowBoxVariants.default \| ProcessFlowBoxVariants.small	ProcessFlowBoxVariants.default

---

Helsinki University Design System