> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/powershell-commands/new-udstepper.md).

# New-UDStepper

### Synopsis

Creates a new stepper component.

### Syntax

```powershell
New-UDStepper [[-Id] <String>] [[-ActiveStep] <Int32>] [-Children] <ScriptBlock> [-NonLinear] [-AlternativeLabel] [-OnFinish] <Endpoint> [[-OnCancel] <Endpoint>] [[-OnValidateStep] <Endpoint>] [[-Orientation] <String>] [[-NextButtonText] <String>] [[-BackButtonText] <String>] [[-FinishButtonText] <String>] [[-CancelButtonText] <String>] [[-ClassName] <String>] [[-Style] <Hashtable>] [[-Sx] <Hashtable>] [<CommonParameters>]
```

### Description

Creates a new stepper component. Steppers can be used as multi-step forms or to display information in a stepped manner.

### Parameters

#### -Id

The ID of the component. It defaults to a random GUID.

```
Required?                    false
Position?                    1
Default value                ([Guid]::NewGuid())
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -ActiveStep

Sets the active step. This should be the index of the step.

```
Required?                    false
Position?                    2
Default value                0
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -Children

The steps for this stepper. Use New-UDStep to create new steps.

```
Required?                    true
Position?                    3
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

    -NonLinear [<SwitchParameter>]
        Allows the user to progress to steps out of order.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

    -AlternativeLabel [<SwitchParameter>]
        Places the step label under the step number.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -OnFinish

A script block that is executed when the stepper is finished.

```
Required?                    true
Position?                    4
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -OnCancel

```
Required?                    false
Position?                    5
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -OnValidateStep

\[Parameter()] \[Endpoint]$OnCompleteStep,

```
Required?                    false
Position?                    6
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -Orientation

Sets the orientation of the stepper.

```
Required?                    false
Position?                    7
Default value                horizontal
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -NextButtonText

The text to display in the next button.

```
Required?                    false
Position?                    8
Default value                Next
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -BackButtonText

The text to display in the back button.

```
Required?                    false
Position?                    9
Default value                Back
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -FinishButtonText

```
Required?                    false
Position?                    10
Default value                Finish
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -CancelButtonText

The text to display in the cancel button.

```
Required?                    false
Position?                    11
Default value                Cancel
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -ClassName

A CSS class to apply to the stepper.

```
Required?                    false
Position?                    12
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -Style

A hashtable of styles to apply to the stepper.

```
Required?                    false
Position?                    13
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false
```

#### -Sx

A hashtable of styles to apply to the stepper.

```
Required?                    false
Position?                    14
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

    <CommonParameters>
        This cmdlet supports the common parameters: Verbose, Debug,
        ErrorAction, ErrorVariable, WarningAction, WarningVariable,
        OutBuffer, PipelineVariable, and OutVariable. For more information, see
        about_CommonParameters (https://go.microsoft.com/fwlink/?LinkID=113216).
```

### Outputs

\-------------------------- EXAMPLE 1 --------------------------

```
PS >New-UDStepper -Id 'stepper1' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep1'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep2'
PS >     } -Label "Step 2"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep3'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > }

Basic stepper|Creates a new stepper with three steps.




-------------------------- EXAMPLE 2 --------------------------

PS >New-UDStepper -Id 'stepper2' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep23'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep24'
PS >     } -Label "Step 2"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep25'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > } -NonLinear -AlternativeLabel

NonLinear and AlternativeLabel|Creates a new stepper with three steps and non-linear and alternative label options.




-------------------------- EXAMPLE 3 --------------------------

PS >New-UDStepper -Id 'stepper3' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep5'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep6'
PS >     } -Label "Step 2"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep7'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > } -Orientation 'vertical'

Vertical orientation|Creates a new stepper with three steps and vertical orientation.




-------------------------- EXAMPLE 4 --------------------------

PS >New-UDStepper -Id 'stepper4' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep8'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep9'
PS >     } -Label "Step 2"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep10'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > } -NextButtonText 'Forward' -BackButtonText 'Reverse'

Custom button text|Creates a new stepper with three steps and custom button text.




-------------------------- EXAMPLE 5 --------------------------

PS >New-UDStepper -Id 'stepper5' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep11'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep12'
PS >     } -Label "Step 2" -Optional
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep13'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > }

Optional step|Creates a new stepper with three steps and an optional step.




-------------------------- EXAMPLE 6 --------------------------

PS >New-UDStepper -Id 'stepper6' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep14'
PS >     } -Label "Step 1" -Icon (New-UDIcon -Icon 'Check')
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep15'
PS >     } -Label "Step 2" -Icon (New-UDIcon -Icon 'Check')
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep16'
PS >     } -Label "Step 3" -Icon (New-UDIcon -Icon 'Check')
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > }

Custom icons|Creates a new stepper with three steps and custom icons.




-------------------------- EXAMPLE 7 --------------------------

PS >New-UDStepper -Id 'stepper7' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep17'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep18'
PS >     } -Label "Step 2"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep19'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > } -OnValidateStep {
PS >     if ($EventData.CurrentStep -eq 0 -and [string]::IsNullOrEmpty($EventData.txtStep17)) {
PS >         New-UDValidationResult -ValidationError 'Step 1 is required'
PS >     }
PS >     else {
PS >         New-UDValidationResult -Valid
PS >     }
PS > }

Validation|Creates a new stepper with three steps and validation.




-------------------------- EXAMPLE 8 --------------------------

PS >New-UDStepper -Id 'stepper8' -Steps {
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 1" }
PS >         New-UDTextbox -Id 'txtStep20'
PS >     } -Label "Step 1"
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 2" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep21'
PS >     } -Label "Step 2" -DisablePrevious
PS >     New-UDStep -OnLoad {
PS >         New-UDElement -tag 'div' -Content { "Step 3" }
PS >         New-UDElement -tag 'div' -Content { "Previous data: $Body" }
PS >         New-UDTextbox -Id 'txtStep22'
PS >     } -Label "Step 3"
PS > } -OnFinish {
PS >     New-UDTypography -Text 'Nice! You did it!' -Variant h3
PS >     New-UDElement -Tag 'div' -Id 'result' -Content {$Body}
PS > }

Disable previous|Creates a new stepper with three steps and disables the back button on the second step.

[Component("Stepper", "WandMagicSparkles", "Creates a new card.")]
```


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/powershell-commands/new-udstepper.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.