Field Label
Usage notes
Field labels are used with form inputs. Every text field should have a label. A field without a label is ambiguous and not accessible.
Toggle markup
<label for="lifestory" class="coral-FieldLabel">Life Story</label>
<input id="lifestory" placeholder="Enter your life story" name="field" value="" is="coral-textfield">
<label for="lifestory2" class="coral-FieldLabel is-disabled">Life Story</label>
<input id="lifestory2" placeholder="Enter your life story" name="field" value="" is="coral-textfield" disabled="">
<br>
<br>
<label for="lifestory3" class="coral-FieldLabel coral-FieldLabel--left" style="width: 72px">Life Story</label>
<textarea id="lifestory3" placeholder="Enter your life story" name="field" value="" is="coral-textarea"></textarea>
<label for="lifestory4" class="coral-FieldLabel">Life Story
<coral-icon icon="Asterisk" class="coral-FieldLabel-requiredIcon" size="XXS" alt="required"></coral-icon>
</label>
<input id="lifestory4" placeholder="Enter your life story" name="field" value="" is="coral-textfield" disabled="">