Switch
Markup canonic · components/switch.json
sursa = JSON · generat de scripts/build-catalog.py
Notificări emailRezumat zilnic cu activitatea contului
Toggle / switch
.switch · .switch.on — aria-pressed pe button
Notificări active
Auto-clasificare AI
În context — listă de setări
label la stânga · switch aliniat la dreapta · descriere secundară opțională
Notificări emailRezumat zilnic cu activitatea contului
Auto-clasificare AIVox sortează automat documentele noi din SPV
Alerte ANAFAnunț cu 3 zile înainte de termene de depunere
Reguli
Când folosești switch
Pentru setări binare aplicate instant — fără confirmare, fără submit. Schimbarea trebuie să aibă efect imediat.
Când folosești checkbox
Pentru selecții într-un formular care necesită submit, sau pentru alegeri multiple dintr-o listă.
aria-pressed, nu aria-checked
Switch e tehnic un <button>, deci folosește aria-pressed="true|false". Asistenții îl anunță ca toggle, nu ca checkbox.
Label la stânga
În listele de setări rândul e .field.responsive: textul în .field-content la stânga, switch-ul aliniat la dreapta, vertical sub 1024px. Switch-ul e un <button>, deci un <label> în jurul rândului nu îl activează — clickul stă pe switch.
Typescale partajat
Eticheta e .label (15/22, ink) cu .sublabel pentru descriere (13/18, fog) — aceeași scală ca .t-ctrl / .t-ctrl-desc, comună cu checkbox și radio: controale omoloage, aspect sincron.