materialize-stepper

IMPORTANT!

Do. Or do not. There is no try.

This is a total refactoring of materialize-stepper. For a year this project has been abandoned, but since a lot of people uses it, I decided to make everything from scratch. Since the latest stable version don't work anymore, this is the beta and the official working version right now. When it gets stable enough, I'll release it as a stable version.

Materialize-stepper

A little plugin, inspired by MDL-Stepper, that implements a stepper to Materializecss framework.

Demo: https://kinark.github.io/Materialize-stepper/
Codepen Playground: http://codepen.io/Kinark/pen/VKrjJp

Documentation

The documentation once belonged to this readme, before the force's sleep. However, it's awaken once more, in the gh-pages this time.

Go check it out!

Limitations

None, I think :)

Final observations

• Every command works like an accordion collapsible. If you trigger "openStep(step)" or "nextStep()", it'll close the active step, remove any feedback screen and execute their functions.

• "prevStep()" won't close the feedback loading screen.

Changelog

Just visit CHANGELOG file.

Built With

• Atom (before)
• VSCode

Authors and collaborators

• Igor Marcossi - Initial work - Kinark

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• THANK YOU Materializecss framework FOR EVERYTHING!
• THANK YOU MDL-Stepper FOR IDEAS AND A LITTLE OF CSS!

Hey!
Did you like the stepper? I hope you did!
If you did, why not buy me a coffe? :D

Changelog

3.0.0-beta.1 (05/11/18)

In this version a master refactoring was made. Total modularization of CSS (with SASS), refacoring of all the javascript,

• Total modularization and partial refactoring of CSS:
  • Everything in SASS;
  • Everything modularized;
  • Now all the transitions are CSS powered!
  • The horizontal transition is triggered by just adding/removing the class active on the step;
  • Now the steps use padding-bottom instead of margin-bottom to make the height calculation easier;
• Refactoring of the JS code:
  • No longer requires jQuery or any other dependency;
  • Now it requires you to create an instance with new;
  • Removal of the integration with jQuery Validate, since there's A LOT of plugins and you may want to use some other one. To validate the steps, just define a validationFunction in the options and return a boolean (more in the docs);
  • Removal of parallel stepper due to the adding of the validation function;
  • Some methods/options such as resetStepper and autoFocusInput are still missing;
  • Custom events and showError function were removed;
  • Added more events and removed some other ones. Check the docs for more information;
  • prevStep() now destroyes feedback preloader;
• Adding of gulp to make the development easier;
• Moved docs to the gh-pages, instead of the readme.