@aurigma/ui-framework/docs/reference/interfaces/iwidgetstepsconfig.md

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

# Interface: IWidgetStepsConfig

Provides properties for the `steps` widget.

You can use these properties in **params** of the [AuWidgetSteps](../classes/auwidgetsteps.md) class.
```
{
  "widgets": [
    {
      "name": "steps",
      "type": "steps",
      "params": {
        "availabilityMode": "visited",
        "steps": {
          "Step 3": {
            "enabled": "{{$['confirmation-checkbox']._}}"
          }
        }
      }
    }
  ]
}
```

## Hierarchy

* **IWidgetStepsConfig**

## Index

### Properties

* [availabilityMode](iwidgetstepsconfig.md#availabilitymode)
* [backToProductButton](iwidgetstepsconfig.md#backtoproductbutton)
* [finishButton](iwidgetstepsconfig.md#finishbutton)
* [steps](iwidgetstepsconfig.md#steps)

## Properties

###  availabilityMode

• **availabilityMode**: *[NavigationMode](../enums/navigationmode.md)*

Defines what steps are available to users.

___

###  backToProductButton

• **backToProductButton**: *[IBackToProductButton](ibacktoproductbutton.md)*

Allows you to enable and configure backToProduct button.

___

###  finishButton

• **finishButton**: *[IFinishButtonConfig](ifinishbuttonconfig.md)*

___

###  steps

• **steps**: *object*

Allows you to override the availability mode of a particular step.

#### Type declaration:

* \[ **key**: *string*\]: [StepConditionConfig](../classes/stepconditionconfig.md)