https://github.com/maritzstl/mtz-wizard

All of the elements required to implement a stepper controlled series of forms that support lazy-loading steps upon activation as well as validation and bulk submission tasks.
https://github.com/maritzstl/mtz-wizard

polymer stepper webcomponents wizard

Last synced: 3 months ago
JSON representation

All of the elements required to implement a stepper controlled series of forms that support lazy-loading steps upon activation as well as validation and bulk submission tasks.

• Host: GitHub
• URL: https://github.com/maritzstl/mtz-wizard
• Owner: MaritzSTL
• License: mit
• Created: 2017-07-06T17:41:41.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-11-01T19:05:00.000Z (over 8 years ago)
• Last Synced: 2025-04-10T00:51:39.654Z (about 1 year ago)
• Topics: polymer, stepper, webcomponents, wizard
• Language: HTML
• Homepage: https://www.webcomponents.org/element/MaritzSTL/mtz-wizard
• Size: 51.8 KB
• Stars: 9
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![Build Status](https://img.shields.io/travis/MaritzSTL/mtz-wizard/master.svg?style=flat-square)](https://travis-ci.org/MaritzSTL/mtz-wizard)

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/MaritzSTL/mtz-wizard)

# \

Generates a wizard flow from steps provided. Allows for validation across all steps.

```html

  

    Step 1 - Prebuilt step

  

  


    Step 2 - Generic div using attribute w/ invalid styling applied

  

  

    

      

        

          Age:

          

        

      

    

  


```

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer install --variants` to install all dependencies for both 1.x and 2.x (mainline)

## Viewing Your Element

```

$ polymer serve

```

## Running Tests

```

$ polymer test

```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.