Step Wizard

import { AXStepWizardModule } from '@acorex/components/step-wizard';

Step Wizard component breaks processes into steps, with methods like next(), previous(), and goStep(stepId) for flow control. It’s perfect for guiding users through multi-step forms or wizards.

Overview

In this section, you can test different options of this component and see the output in real time

User Address

add address

User Info

add your info

privacy & policy

Payment

payment

Look

Circular

Size

State

Clear

Orientation

Horizontal

Show connector

Change step on click

Usage

A simple example of using ax-step-wizard

Preview

Code

Methods

The Step Wizard Component features essential navigation methods to enhance user interaction. Use next() to advance, previous() to revert, reset() to start over from the first step, and goStep(stepId) for direct step access.

Preview

Code

Navigation State

The isFirst() and isLast() methods determine the position within the wizard, checking if the current step is the first or last, respectively. These checks streamline navigation logic, facilitating appropriate UI adjustments.

Preview

Code