Label

TIP

Always use the HTML <label> element to label form elements, as it improves accessibility and usability. The for attribute of the <label> element should be equal to the id attribute of the form element to bind them together. If you use the <label> element, you can click on the label to focus the form element.

.c-label

I'm a label

<label class="c-label">I'm a label</label>

Modifier

.c-label.-disabled

I'm an disabled label (e.g. to emphasize a disabled input field)

<label class="c-label -disabled">I'm an disabled label (e.g. to emphasize a disabled input field</label>

.c-label.-error

I'm an error label

<label class="c-label -error">I'm an error label</label>

Old Plausi Style

.c-label.-old

I'm an old label

<label class="c-label -old">I'm an old label</label>

Extra Small Label

.c-label.-old.-extra-small

I'm an extra small label

<label class="c-label -old -extra-small">I'm an extra small label</label>

TIP

Use .h-block or .h-inline-block Helper Classes if you don't want an inline label.