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">
    box-title="Step title"
    box-description="Step description"
    intermediate-step-title="Next step"

# 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