Label c-label

Pick this part

Build it

1. Build c-form-field__label instead: this part only exists so older pages keep working.
2. Replace class="c-label" in existing markup when you next touch it. mcss-lite validate flags every use with [deprecated].

<div class="c-form-field">
  <label class="c-form-field__label" for="name">Name</label>
  <input class="c-input" id="name">
</div>

Check your build

Each piece that doesn't fit was run through mcss-lite validate when this page was built. The output below is real.

<div class="c-form-field">
  <label class="c-form-field__label" for="name">Name</label>
  <input class="c-input" id="name">
</div>

<label class="c-label" for="name2">Name</label>

Spec sheet

Apply to <label>