Label

<!-- Default -->
<label for="myfield">Things here</label>

<!-- Required -->
<label for="myfield">Things here <span class="required-value">(required)</span></label>

<!-- Default -->
<label for="{{ label_id }}">{{ label_text }}</label>

<!-- Required -->
<label for="{{ label_id }}">{{ label_text }} <span class="required-value">(required)</span></label>
/* Default */
{
  "label_id": "myfield",
  "label_text": "Things here"
}

/* Required */
{
  "label_id": "myfield",
  "label_text": "Things here"
}

  • Content:
    .required-value {
    	font-style: italic;
    	color: palette(type, light);
    	font-weight: 300;
    }
    
    .input-error .required-value {
    	color: palette(alert, dark);
    }
  • URL: /components/raw/label/label.scss
  • Filesystem Path: src/components/12-forms/01-atoms/01-label/label.scss
  • Size: 153 Bytes