# Chips

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.


ATTENTION: Data-Format has changed from version 1.X.X to 2.0.0! Please update option 'data'.

Normal:

<div class="chips"></div>

Set initial tags:

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

Use placeholders and override hint texts:

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

Use autocomplete with chips:

<div class="chips chips-autocomplete"></div>

```html
<!-- Default with no input (automatically generated)  -->
<div class="chips"></div>
<div class="chips chips-initial"></div>
<div class="chips chips-placeholder"></div>
<div class="chips chips-autocomplete"></div>
<!-- Customizable input  -->
<div class="chips">
  <input class="custom-class">
</div>