label.md

Label

Root component class name

hggs-label

Theme selector

.hggs-label {
  /*
  ... put here variables ...
  */
}

Component variables

--label-font-family
--label-font-weight
--label-font-size
--label-color
--label-color-focus
--label-color-disabled

HTML Structure

Default

Basic HTML structure

<label for="id-example" class="hggs-label">Label</label>

Basic HTML structure with disabled modifier

<label for="id-example" class="hggs-label hggs-label--disabled">Label</label>

Basic HTML structure with focus modifier

<label for="id-example" class="hggs-label hggs-label--focus">Label</label>