Topic: How to add an "x" to chip

mikejhills priority asked 4 years ago


when adding a chip an "x" would appear to remove it.


mikejhills priority commented 4 years ago

              <mdb-material-chips #chips name="chips" [(ngModel)]="sendTo" placeholder="Add Email" (input)="onChange($event)"></mdb-material-chips>

Arkadiusz Idzikowski staff commented 4 years ago

Which version do you use? It's already possible, every chip you add has its own 'x' button that can be used to delete this specific chip.


mikejhills priority commented 4 years ago

FOUND MY ISSUE I HAD SOME CSS CONFLICTS WITH .CLOSE CSS RULE


mikejhills priority commented 4 years ago

FYI if used in a modal.... the .close class has conflicts with .modal .close


Arkadiusz Idzikowski staff commented 4 years ago

Can you provide more details?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 8.10.1
  • Device: MAC
  • Browser: CHROME
  • OS: OSX
  • Provided sample code: No
  • Provided link: No