Get started

The MDL Stepper component was based on Material Design Lite (MDL) library. To use this component before you need to include the MDL to your project.

Go to MDL website and get started now.

Include CSS & Javascript

1. Choose the type of download and include the Material Design Lite files to your all pages.

2. Get the CSS & Javascript files of MDL Stepper component.

Download Build NPM

Download the zip of minified CSS & Javascript.

CSS: 1.8KB gzipped (7.95KB uncompressed)

Javascript: 3.3KB gzipped (15.75KB uncompressed)

You can clone the build version. Feel free to help develop this project.

git clone git@github.com:axdemelas/mdl-stepper.git && cd mdl-stepper

Install MDL Stepper in your npm enabled project.

npm install mdl-stepper --save

Refer the component files:

3. Include the Material Design Lite + Stepper files.

To use a stepper get the element instance of MaterialStepper for control over API: