@vcl/label

A visually highlighted tag to attribute items.

Usage no npm install needed!

<script type="module">
  import vclLabel from 'https://cdn.skypack.dev/@vcl/label';
</script>

README

VCL label

A visually highlighted tag to attribute items.

Features

A tag with slightly rounded corners. Supports semantic modifiers for coloring.

Usage

basic example

Classes

  • vclLabel

Modifiers

Semantic coloring.

  • vclPrimary
  • vclSuccess
  • vclInfo
  • vclWarning
  • vclError

Variables

  • --label-default-color
  • --label-default-bg-color
  • --label-primary-color
  • --label-primary-bg-color
  • --label-success-color
  • --label-success-bg-color
  • --label-info-color
  • --label-info-bg-color
  • --label-warning-color
  • --label-warning-bg-color
  • --label-danger-color
  • --label-danger-bg-color

Demo

example.html on GH-pages.