process-arrow

Polymer element for showing a process arrow (progress diagram)


Keywords
web-components, process-arrow, progress-diagram, polymer
License
BSD-1-Clause
Install
bower install process-arrow

Documentation

process-arrow

Simple Polymer component for drawing a process arrow and showing the current stage.

There is a demo page, please have a look!

Install

If you use Bower, you can simply

bower install --save futurice/process-arrow

Otherwise, save the process-arrow.html in your project manually.

Usage

This is a Polymer component, so you need to have the polymer.html referenced in your <head>. When that's done, just add an HTML import for process-arrow.html and use the element like so:

<!-- in head -->
<link rel="import" href="bower_components/process-arrow/process-arrow.html">

<!-- in body -->
  <process-arrow
    selected="3" stages='
    ["Baby",
    "Child",
    "Teenager",
    "Working-class hero",
    "Retired"]'>
  </process-arrow>

License

BSD (3-clause)