Wizards

Pills Circle

Pills

Default

Home

Try the keyboard navigation by clicking arrow left or right!

About

Wonderful transition effects.

Settings

The next and previous buttons help you to navigate through your content.

$("selector").steps({
    cssClass: 'pill wizard'
});

Vertical

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Wonderful transition effects.

Pager

The next and previous buttons help you to navigate through your content.

$("selector").steps({
    cssClass: 'pills wizard',
    stepsOrientation: "vertical"
});

Circle

Default

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Wonderful transition effects.

Pager

The next and previous buttons help you to navigate through your content.

$("selector").steps({
    cssClass: 'circle wizard'
});

Vertical

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Wonderful transition effects.

Pager

The next and previous buttons help you to navigate through your content.

$("selector").steps({
    cssClass: 'circle wizard',
    stepsOrientation: "vertical"
});

Copyright © 2021 DesignReset, All rights reserved.

Coded with