A steps component to display steps and show active step.

Parameters:
NameTypeDescription
propsobject

Component props.

Properties
NameTypeDescription
activeStepnumber

The active step number.

customAttributesobject

Custom attributes for the component.

customClassesstring | Array | object

Custom classes for the component.

iconstring

The icon to display for each step.

iconPrefixstring

The icon prefix to use for each step.

numStepsnumber

The total number of steps.

spacingstring | number | Array | object

The spacing for the component, as a string, number, array, or object.

refobject | null

Ref to the component.

Since
  • 1.1.15
Source
Returns:
Type: 
JSX.Element
Example
import Steps from '@gravityforms/components/react/admin/modules/Steps';

return (
    <Steps customClasses={ [ 'example-class' ] } numSteps={ 7 } />
);