Tag Input

Campo de formulário que permite a inserção de tags. Pode ser usado para sugestões de respostas.

Como usar

<div class="field">
  <label class="label">Channels</label>
  <div class="control">
    <div class="tag-input">
      <span class="tag" data-value="one">
        <span>SMS</span>
        <div class="delete is-small" data-tag="delete"></div>
      </span>
      <span class="tag" data-value="one">
        <span>WhatsApp</span>
        <div class="delete is-small" data-tag="delete"></div>
      </span>
      <input class="input" type="text" placeholder="Select channel">
    </div>
  </div>
</div>

Na hora do input, o usuário pode separar o texto de cada tag por ponto e vírgula (“;”), assim inserindo várias tags por vez, ou escrever o texto de cada tag e pressionar “Enter”.