Issue reporter screenshot - io-steps component
This component represents the step-by-step forward completion of the issue reporter.
The component accepts one or more i18n labels as attribute, and automatically creates the rest of the logic.
There is an exposed method called el.setCompleted(index[, completed = true])
which setups any label as completed so that classes, info, and clicks per next label will be enabled, as previously discussed.
Each click per each enabled label will trigger a step:click
event with a detail
property indicating the index of the step that has been clicked so that the actual page controller can show the related panel.
Numbers, as well as completed animations, are all through CSS.
Edited by Andrea Giammarchi