joyent-portal/packages/ui-toolkit/src/progress-bar/usage.md

const Progressbar = require('./index').default;
const ProgressbarButton = require('./button').default;
const ProgressbarItem = require('./item').default;

<Progressbar>
  <ProgressbarItem>
    <ProgressbarButton zIndex="10" completed first onClick={() => console.log("name")}>
      Name the group
    </ProgressbarButton>
  </ProgressbarItem>
  <ProgressbarItem>
    <ProgressbarButton zIndex="9" active onClick={() => console.log("define")}> 
      Define services
    </ProgressbarButton>
  </ProgressbarItem>
  <ProgressbarItem>
    <ProgressbarButton zIndex="8" last onClick={() => console.log("review")}>
      Review and deploy
    </ProgressbarButton>
  </ProgressbarItem>
</Progressbar>