> For the complete documentation index, see [llms.txt](https://docs.atomui.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.atomui.com/form-elements/tag-input.md).

# Tag Input

Tag input checkbox do not require any additional includes for working they are css only tags.

<div align="left"><img src="https://621507229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMWvbwDSTI9_skSMXwK%2F-LUKzH7MA4Yqr4wiExZw%2F-LUL-Unj2gxsQab_S3QV%2Fimage.png?alt=media&amp;token=0cff8ce0-13f9-4d2c-92d7-1cf5b71e4e9e" alt=""></div>

```markup
<div class="tag-input">
    <input checked id="oreo" type="checkbox">
    <label for="oreo">Oreo</label>
</div>
<div class="tag-input">
    <input id="kitkat" type="checkbox">
    <label for="kitkat">Kitkat</label>
</div>
<div class="tag-input">
    <input id="Eclair" type="checkbox">
    <label for="Eclair">Eclair</label>
</div>
<div class="tag-input">
    <input id="Gingerbread" type="checkbox">
    <label for="Gingerbread">Gingerbread</label>
</div>
<div class="tag-input">
    <input id="Honeycomb" type="checkbox">
    <label for="Honeycomb"> Honeycomb</label>
</div>
```

{% hint style="info" %}
Tag input css code is at taginput.scss file
{% endhint %}