Atmos
  • Getting Started
  • Build System
    • Gulp
      • Gulp 4
    • Page Structure
    • Sass Modules
  • UI Elements
    • Colors
    • Buttons
    • Icons
    • Cards
    • Alerts
    • Modals
    • Avatar
    • Tables
    • Mail Templates
  • forms
    • Form Layouts
    • Switch
    • Tag Input
    • Radio Box
    • Select2
    • Datepickers
    • Masked Input
    • Rangeslider
    • Dropzone Fileupload
    • Form Wizard
    • Form Validation
  • Charts
    • Charts
    • Apex Charts
    • Chartjs
    • Google Charts
    • Chartist
  • Maps
    • Google Maps
    • Vector Maps
  • Starter Template
    • blank template Markup
Powered by GitBook
On this page
  1. forms

Tag Input

PreviousSwitchNextRadio Box

Last updated 6 years ago

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

<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>

Tag input css code is at taginput.scss file