I am looking to add unique styles to specific mat-tabs
within a mat-tab-group
based on a condition.
The main mat-tab-group
already has a default custom style that is functioning correctly. The styling is applied as follows:
.mat-mdc-tab-group.round-tabs,
.mat-mdc-tab-nav-bar.round-tabs {
.mdc-tab {
border: 1px solid gray;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
background-color: yellow;
}
}
However, I am encountering difficulties when attempting to apply conditional custom styles to mat-tab
. Here's a Stackblitz showing my current progress. Any assistance in achieving this would be greatly appreciated. Thank you!