Developer guide

Class reference

The CSS package verifies coverage for all 33 public classes during its build. Scope overrides beneath a parent owned by your application to prevent styles leaking between multiple embedded forms.

Form structure

ClassElement or state
.jc-formRoot form element
.jc-fieldsetOne form group
.jc-legendGroup title
.jc-elementsContainer for fields inside a group

Shared input structure

ClassElement or state
.jc-input-containerOuter field wrapper and compound-input wrapper
.jc-input-groupLabel, description, control, and error grouping
.jc-labelField label
.jc-descriptionField help or description text
.jc-inputText, textarea, password, date, number, and range controls
.jc-optionalOptional-field indicator
.jc-password-toggleShow or hide password button
.jc-has-errorValidation error state; may appear on wrapper, label, and control

Date controls

ClassElement or state
.jc-dateDate field wrapper
.jc-calendar-triggerCalendar toggle button
.jc-calendarCalendar popover

Lists and selects

ClassElement or state
.jc-listCheckbox or radio option list
.jc-list-itemOne list option
.jc-list-item-labelClickable option label
.jc-list-item-inputCheckbox or radio input
.jc-select-containerSelect wrapper
.jc-selectSingle or multiple select control

Range controls

ClassElement or state
.jc-rangeRange field layout
.jc-range-input-containerRange track and indicator wrapper
.jc-range-inputRange input hook
.jc-range-indicatorCurrent range value
.jc-range-min-labelMinimum value label
.jc-range-max-labelMaximum value label

Actions and errors

ClassElement or state
.jc-buttonsForm action container
.jc-button-submitSubmit button
.jc-button-resetReset button
.jc-button-backBack button hook
.jc-errorsValidation error list
.jc-errorOne validation error message