How to add an x to chip


Topic: How to add an "x" to chip

mikejhills pro premium priority asked 5 years ago

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


mikejhills pro premium priority commented 5 years ago

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

Arkadiusz Idzikowski staff commented 5 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 pro premium priority commented 5 years ago

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


mikejhills pro premium priority commented 5 years ago

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


Arkadiusz Idzikowski staff commented 5 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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 8.10.1
  • Device: MAC
  • Browser: CHROME
  • OS: OSX
  • Provided sample code: No
  • Provided link: No
Tags