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)