Compliance Alliance Charter Design System · v0.1
Forms & inputs

Forms & inputs

The controls members touch most — gathering policy details, workflow answers, and account settings. Every field pairs a clear label with optional help, validation, and the same calm focus ring.

Text inputs

Field · label · hint · states
As it appears on your charter.
Looks good — valid EIN.
Must be 9 digits.

Sizes & affixes

sm · md · lg · prefix / suffix icons

Password

show / hide · validated match
At least 8 characters, including a number.
Passwords match.

Addons & quantity

Currency, percentages, URLs, and steppers — units that belong to the field, not the label.

prefix · suffix · number stepper
$.00
%
https://

Textarea & select

Multi-line · dropdown
Use select--sm / select--xs for dense rows like the column-mapping table.

Choices

Checkbox · radio · switch

Form layout

Rows, sections, and a right-aligned actions footer.

Composed form

Advanced inputs

Combobox/autocomplete, date picker, multi-select tokens, and range — for owners, deadlines, and thresholds.

combobox · date · tokens · range
Reg B — ECOA
Reg Z — TILA
Reg E — EFTA
Dana K. Sam M.