Badge
Markup canonic · components/badge.json
sursa = JSON · generat de scripts/build-catalog.py
Nou
Plătit
Citit
42
Tonal (background tint)
.badge .success / .warn / .error / .ai / .pink / .neutral / .read / .live
La zi
Atenție
Eroare
În triaj
Vox
Finalizat
Citit
Live
Outline · .badge.outline
fundal alb + contur neutru, text fog — etichetă non-semantică, lizibilă pe bej și pe tint
Draft
v2.4
PDF
12
pe bej — aici outline-ul își justifică existența: un fill deschis ar dispărea
Draft
Draft
Cu dot
Plătit
Scadent
Restanță
Filled
.badge .filled .success / .warn / .error / .ai / .pink / .neutral / .read
Plătit
Scadent
Restant
AI
Nou
Arhivat
Citit
Dimensiune · .badge vs .badge.sm
aceeași tipografie (11px), diferă doar padding-ul: 3px 9px vs 1px 7px — 4px de înălțime
Implicit
Compact
La zi
La zi
implicit — badge de sine stătător, densitate normală
Nou
Plătit
Citit
compact — obligatoriu în .tabs, .tbl, .doc-list, .acc-title, .sidebar (regula e în badge.json → sizes)
| Document | Status |
|---|---|
| Factură 2024-104 | Plătit |
| Factură 2024-105 | Scadent |
AI feed inline
clasificat AI
Vox a verificat 12 documente · acum 18 min
Iris a clasificat 3 cheltuieli · acum 2h