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.