vcl-icogram

A textual label with optional prepended and/ or appended icon.

Usage no npm install needed!

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

README

VCL icogram

A textual label with optional prepended and/ or appended icon.

Features

The combination of an icon and a textual label is very common but there are numerous permutations of both. The vclIcogram is a wrapper for vclText and vclIcon which can occur in arbitrary order and count. The icogram manages the horizontal gap between the elements. In combination with the flex layout, the alignment of the elements of an icogram can be controlled.

Usage

basic example

Classes

  • vclIcogram
  • vclText

Modifiers

Variables

Demo

example.html on GH-pages.