[Home](./index.md) > [@datashaper/react](./react.md) > [StepListProps](./react.steplistprops.md) ## StepListProps interface Signature: ```typescript export interface StepListProps ``` ## Properties | Property | Modifiers | Type | Description | | --- | --- | --- | --- | | [onDelete?](./react.steplistprops.ondelete.md) | | (index: number) => void | (Optional) Deletes a workflow step at the specified index | | [onSave?](./react.steplistprops.onsave.md) | | (step: Step, index?: number) => void | (Optional) Event handler for when a step needs to be saved | | [onSelect?](./react.steplistprops.onselect.md) | | (name: string) => void | (Optional) Event handler for when a step is selected. | | [onSelectInputTable?](./react.steplistprops.onselectinputtable.md) | | () => void | (Optional) Event handler for when the input table is selected. 'Original' button will not be shown if this is not provided. | | [onSelectLatestTable?](./react.steplistprops.onselectlatesttable.md) | | () => void | (Optional) Event handler for when the latest output table is selected. 'Latest' button will not be shown if this is not provided. | | [order?](./react.steplistprops.order.md) | | [DisplayOrder](./react.displayorder.md) | (Optional) The order to render the steps in. Default = latest on top | | [selectedKey?](./react.steplistprops.selectedkey.md) | | string | (Optional) Id of the selected step | | [styles?](./react.steplistprops.styles.md) | | [StepListStyles](./react.stepliststyles.md) | (Optional) Styling for the step list | | [workflow](./react.steplistprops.workflow.md) | | Workflow | The input workflow containing the step list |