vcl-token-input

Multiple item input with token-inputs

Usage no npm install needed!

<script type="module">
  import vclTokenInput from 'https://cdn.skypack.dev/vcl-token-input';
</script>

README

VCL token-input

Multiple item input with tokens.

Features

Combines the an input (via vclInput), token and a plain HTML input to a multi-item-select input control. The control supports wrapping of tokens into multiple lines.

Usage

basic example

To make the vclInput container appear to be focused, the vclFocused modifier has to be applied if the nested input is focused.

Tokens wrap if they don't fit on one line making the input element higher.

wrapping example

Classes

  • vclTokenInput

Modifiers

Variables

Demo

example.html on GH-pages.