Implementation

Classes

NameDescription

qld__form-style-filled

Sets the form field style to use the filled variant. This must be applied to the enclosing div or form element.

qld__label

This is applied to the <label> element applies the label styles for input fields.

qld__hint-text

Applied to a <span> element below the label this styles the hint text for the form field.

qld__label--optional

This styles the word "(optional)" when used in optional fields. Optional text must be placed directly after the label in a <span> element and before any hint text.

qld__body abbr

This is the class styles required for the field indicator which is an asterisk. <abbr title="required">*</abbr>

qld__select

This class is applied to the <div> that wraps the select field. It is necessary for all implementations.

qld__select-control

This styles the select input field.

qld__form-group

This adds space between form elements when applied to a container div.

qld__input--error

This styles the error messages on form fields.

qld__input--success

This styles the error messages on form fields.

qld__label--optional

This styles the success messages on form fields.

qld__text-input--error

This styles the valid/success state on a form fields.

qld__text-input--valid

This styles the valid/success state on a form fields.