Pills

Default

Home

Try the keyboard navigation by clicking arrow left or right!

About

Settings

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

Vertical

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Pager

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

Circle

Default

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Pager

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

Vertical

Keyboard

Try the keyboard navigation by clicking arrow left or right!

Effects

Pager

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