Fancy wizard steps element using HTML5 Flexbox
A JavaScript library by Trung Dinh Quang.
See the project homepage.
Using Bower:
bower install wizard-steps
Or grab the source (minified).
Basic usage is as follows:
HTML:
<div id="wizard-steps" class="wizard-steps">
<div class="wizard-step active">
One
</div>
<div class="wizard-step">
Two very long long text over here
</div>
<div class="wizard-step">
Three
</div>
<div class="wizard-step">
Four
</div>
<div class="wizard-step">
Five
</div>
</div>
JavaScript:
WizardStep('#element-id')
How it looks like:
Check /demo
page for more information
Start with docs/MAIN.md
.
- No more jQuery
- Fix arrow size
- Allow multiple lines for each step item (dynamic height)
- Provide callbacks
I welcome all pull requests
MIT. See LICENSE.txt
in this directory.