VCL form-control-label
Label to describe form controls.
Features
- Basic label and multi line labels.
- Sub label.
- Indicator for required form fields.
- Hints for form controls.
Form control hints are typically used to provide assistance with input validation.
Usage
Basic Usage
Advanced
Visual indication that the field must be filled in.
The sub label is a secondary, more verbose label.
The hint may be used to assist the user with his input while the field is filled in.
Classes
-
vclFormControlLabel
: The label -
vclFormControlSubLabel
: Additional, less prominent label -
vclRequiredIndicator
: Indicator for required fields, usually a single character -
vclFormControlHint
: Assisting hint usually shown while field is filled in
Modifiers
-
vclFormControlLabelWrapping
: To be used if the label encloses the control. -
vclDisabled
: Disabled indication that label can be clicked.
Variables
--form-control-sublabel-color
--form-control-label-line-height
--form-control-label-font-size
--form-control-label-font-weight
--form-control-label-color
--form-control-label-required-hint-color
--form-control-hint-color
Demo
example.html on GH-pages.