<label for="label-not-required" class="label">Lorem Ipsum</label>
<label{{#if id}} for="{{id}}"{{/if}} class="label{{#if required}} label--required{{/if}}{{#if class}} label--{{class}} {{/if}}{{#if hidden-class}} {{hidden-class}}{{/if}}">{{value}}</label>
{
"type": "text",
"id": "label-not-required",
"value": "Lorem Ipsum",
"required": null
}
.label {
display: block;
margin-bottom: 0.63rem;
font-size: $ms-neg-1;
line-height: 2rem;
font-weight: $font-bold;
}
.label--required {
&::after {
content: '*';
position: relative;
left: 0.25rem;
top: -1px;
font-weight: $font-bold;
color: $color-accent-red;
}
}
.label--disabled {
color: $color-gray-lighter;
&:hover {
cursor: default;
}
}
.label--checkbox {
cursor: pointer;
}
There are no notes for this item.