/md-steppers

angular directive for material stepper https://www.google.com/design/spec/components/steppers.html#steppers-types-of-steppers

Primary LanguageJavaScript

md-steppers

angular directive for material stepper https://www.google.com/design/spec/components/steppers.html#steppers-types-of-steppers

npm version

  • basic directive based on material steppers

demo https://ipiz.herokuapp.com/demo/index.html fiddle https://jsfiddle.net/ipiz/vcdbuyru/2/

usage

using bower

bower install md-steppers --save

or using npm

npm install md-steppers --save
//module
var app = angular.module('app', ['ngMaterial', 'md-steppers']);
<!--markup-->
<md-steppers>
    <md-step label="Step 1" md-complete="step1.completed"  ng-disabled="step1.disabled">
        <md-content></md-content>
    </md-step>
    <md-step label="Step 2" md-complete="step2.completed"  ng-disabled="step2.disabled">
        <md-content></md-content>
    </md-step>
    <md-step label="Finish" md-complete="step3.completed"  ng-disabled="step3.disabled">
        <md-content></md-content>
    </md-step>
</md-steppers>
clone repository and run gulp for demo http://localhost.com:3333/demo/index.html

md-steppers Screenshot

Todos

  • Unit Tests
  • Refactor
  • Code Cleanup
  • $mdSteppers service

License

MIT

Version 0.1.0