Banner · DEPRECAT v8
.banner și .page-banner nu se mai folosesc în cod nou. Înlocuitorul e .alert, cu modificatorul .alert.page pentru plasarea full-bleed.
De ce au fost retrase
Erau două componente pentru o singură idee. Și au driftat exact așa cum o fac două componente care ar trebui să fie una: markup canonic care își contrazicea propria regulă de acțiuni, borderul de eroare doar pe una din ele,
position: fixed în documentație și relative în cod.Rămân funcționale până la îndepărtare — nu mai devreme de v10 (VERSIONING.md). Blocul lor din bono-ds.css e self-contained intenționat, ca să poată fi șters într-o bucată.
Tabel de migrare
| Deprecat | Folosește |
|---|---|
.banner | .alert |
.page-banner | .alert.page |
.banner-body / .banner-text | .alert-body |
.page-banner-body | .alert-body |
.banner-actions | .alert-actions |
.banner-dismiss / .page-banner-dismiss | .btn.ghost.xs.icon-only |
.info | .neutral |
.warn | .warning |
.page-banner.dark | .alert.page.brand |
.banner.error + border 1px | .alert.error — fără border. .alert are o singură regulă de bordură pentru toate stările |
Markup canonic · components/banner.json
sursa = JSON · generat de scripts/build-catalog.py