About this block
data-state-in-view="steps=build" on each section makes the most visible one write the key steps. The counter and the highlight are ordinary state views: data-state-text reads steps:number and steps:count, and data-state-class paints the matching step.
How to customize it
- Every section in a group uses the same key before the equals sign and its own value after it. The keys steps:index (from 0), steps:number (from 1) and steps:count are written for you.
- Add a section and a list item together: the new item's data-state-class test is steps=<your value>.
- Any element can read the same keys with data-state-show or data-state-text, for example a progress bar in a fixed header.