@vcl/input-group

Buttons and icograms (label/ icons) prepended and/ or appended to an input control

Usage no npm install needed!

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

README

VCL input-group

Buttons and icograms (label/ icons) prepended and/ or appended to an input control.

Features

Usage

An input group is formed by an vclInputGroup as wrapper for buttons, icograms and an input element.

Icograms.

text example

Buttons.

button example

Permutations of multiple prepended/ appended elements are possible as well.

multiple example

Classes

  • vclInputGroup

Modifiers

Variables

Demo

example.html on GH-pages.