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
| Class | Element or state |
|---|---|
.jc-form | Root form element |
.jc-fieldset | One form group |
.jc-legend | Group title |
.jc-elements | Container for fields inside a group |
Shared input structure
| Class | Element or state |
|---|---|
.jc-input-container | Outer field wrapper and compound-input wrapper |
.jc-input-group | Label, description, control, and error grouping |
.jc-label | Field label |
.jc-description | Field help or description text |
.jc-input | Text, textarea, password, date, number, and range controls |
.jc-optional | Optional-field indicator |
.jc-password-toggle | Show or hide password button |
.jc-has-error | Validation error state; may appear on wrapper, label, and control |
Date controls
| Class | Element or state |
|---|---|
.jc-date | Date field wrapper |
.jc-calendar-trigger | Calendar toggle button |
.jc-calendar | Calendar popover |
Lists and selects
| Class | Element or state |
|---|---|
.jc-list | Checkbox or radio option list |
.jc-list-item | One list option |
.jc-list-item-label | Clickable option label |
.jc-list-item-input | Checkbox or radio input |
.jc-select-container | Select wrapper |
.jc-select | Single or multiple select control |
Range controls
| Class | Element or state |
|---|---|
.jc-range | Range field layout |
.jc-range-input-container | Range track and indicator wrapper |
.jc-range-input | Range input hook |
.jc-range-indicator | Current range value |
.jc-range-min-label | Minimum value label |
.jc-range-max-label | Maximum value label |
Actions and errors
| Class | Element or state |
|---|---|
.jc-buttons | Form action container |
.jc-button-submit | Submit button |
.jc-button-reset | Reset button |
.jc-button-back | Back button hook |
.jc-errors | Validation error list |
.jc-error | One validation error message |