I created a custom styled chips list with mat-basic-chip(Unstyled chips) as per official docs
Now, I want to add remove buttons to my chips as default mat-chips have 
Here is the template of mat-basic-chip
<mat-basic-chip *ngFor="let signal of signals">
<div matLine class="text-center"></div>
<div matLine class="mt-sm-n1 text-center"><small>(Default)</small></div>
</mat-basic-chip>
As per the official docs receives the mat-basic-chip CSS class in addition to the mat-chip class. So, here is the CSS of .mat-basic-chip to style my custom chips:
.mat-basic-chip {
display: inline-block;
clear: right;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 1vh;
padding: .7vh 0vh .7vh .7vh;
margin-right: 2vh;
margin-top:1vh;
min-width: 15vh;
}
from How to add remove button to mat-basic-chip

No comments:
Post a Comment