I am trying to use the p-steps component in PrimeNG. I want to have different styling for the completed and not-completed steps. That is, if the user is currently at step 3, then step 1 & 2 are completed, and the greyed out or disabled look doesn't suit them well.
In the documentation (Styling section in https://www.primefaces.org/primeng/#/steps) , I can see the classes "ui-steps-complete" & "ui-steps-incomplete" mentioned. But all steps except the current step have the "ui-steps-incomplete" class only applied. No steps are assigned the "ui-steps-complete" class.
I do not find any reference to "ui-steps-complete" in https://github.com/primefaces/primeng/b ... s/steps.ts also.
So the question is: What is the ui-steps-complete class meant for? How can I apply it to some of the steps in my p-steps component?
My implementation of the component is pretty basic. Exactly as given in the PrimeNG demo.
Code: Select all
<p-steps [model]="items" [(activeIndex)]="activeIndex"></p-steps>