<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@datashaper/react](./react.md) &gt; [StepListProps](./react.steplistprops.md)

## StepListProps interface

<b>Signature:</b>

```typescript
export interface StepListProps 
```

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [onDelete?](./react.steplistprops.ondelete.md) |  | (index: number) =&gt; void | <i>(Optional)</i> |
|  [onSave?](./react.steplistprops.onsave.md) |  | (step: Step, index?: number) =&gt; void | <i>(Optional)</i> |
|  [onSelect?](./react.steplistprops.onselect.md) |  | (name: string) =&gt; void | <i>(Optional)</i> |
|  [order?](./react.steplistprops.order.md) |  | [DisplayOrder](./react.displayorder.md) | <i>(Optional)</i> |
|  [selectedKey?](./react.steplistprops.selectedkey.md) |  | string | <i>(Optional)</i> Id of the selected step |
|  [showSelectButtons?](./react.steplistprops.showselectbuttons.md) |  | boolean | <i>(Optional)</i> Indicates whether the original/latest buttons will be shown. Note that they will have no effect if you do not supply an onSelect handler too. |
|  [styles?](./react.steplistprops.styles.md) |  | [StepHistoryStyles](./react.stephistorystyles.md) | <i>(Optional)</i> |
|  [workflow](./react.steplistprops.workflow.md) |  | Workflow |  |

