PrimeNG Component Menu Steps, how can i use the ui-steps-incomplete
2
i use the component of PrimeNG: Steps it works but how can i use the ui-steps-incomplete?
:host >>> .ui-steps .ui-steps-item {
width: 20%;
}
:host >>> .ui-steps.steps-custom .ui-steps-item .ui-steps-number {
background-color: #0081c2;
color: #FFFFFF;
display: inline-block;
width: 36px;
border-radius: 50%;
}
:host >>> .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
color: transparent;
}
:host >>> .ui-steps ui-steps-incomplete {
background-color: red;
}
<p-steps [model]="items" [(activeIndex)]="routingIndex" [readonly]="false" ></p-steps>
html css typescript angular6 primeng