# Steps

## Overview

A series of steps. The component supports *manual* (for a static list) and *dynamic* options configuration. You can set up linear steps execution or allow step selection when required. The component supports both vertical and horizontal orientation and displays step completion.

<figure><img src="/files/Mzpp7CS4hlHzTlqAAQKI" alt=""><figcaption></figcaption></figure>

### Properties

<table><thead><tr><th width="175.62109375">Name</th><th width="103.890625">Type</th><th>Description</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>string</code></td><td>Component name</td></tr><tr><td><code>selectedStepIndex</code></td><td><code>number</code></td><td>Selected step index</td></tr><tr><td><code>selectedStep</code></td><td><code>step</code></td><td>Selected step object</td></tr><tr><td><code>steps</code></td><td><code>step[]</code></td><td>Steps array</td></tr><tr><td><code>completed</code></td><td><code>boolean</code></td><td>Indicates whether the component is completed</td></tr></tbody></table>

### Methods

<table><thead><tr><th width="115.95703125">Name</th><th width="142.55859375">Parameters</th><th width="101.2578125">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>prev</code></td><td>–</td><td><code>void</code></td><td>Select previous step</td></tr><tr><td><code>next</code></td><td>–</td><td><code>void</code></td><td>Select next step</td></tr><tr><td><code>reset</code></td><td>–</td><td><code>void</code></td><td>Reset stepper</td></tr><tr><td><code>selectStep</code></td><td><code>index: number</code></td><td><code>void</code></td><td>Select step by index</td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="149.953125">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr><tr><td><strong>On Step Change</strong></td><td>Triggered when the selected step changes</td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.uibakery.io/reference/working-with-components/steps.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.