<div class="chip">HTML</div>

To create a tag chip just add an close icon inside.

<div class="chip">    Material    <i class="close material-icons">close</i></div>

To create a contact chip just add an img inside.

Jane Doe

<div class="chip">    <img src="assets/images/profile-image-1.png" alt="Contact Person">    Jane Doe</div>

To add tags, just enter your tag text and press enter. You can delete them by clicking on the close icon or by using your delete button.

Set initial tags.

Use placeholders and override hint texts.

<div class="chips"></div><div class="chips chips-initial"></div><div class="chips chips-placeholder"></div>

$('.chips').material_chip();$('.chips-initial').material_chip({    data: [{        tag: 'Apple',    }, {        tag: 'Microsoft',    }, {        tag: 'Google',    }],  });$('.chips-placeholder').material_chip({    placeholder: 'Enter a tag',    secondaryPlaceholder: '+Tag',});