Бейдж используется для выделения статуса, количества или других важных характеристик объекта.
Outline Fade Warning
BadgeOutline Fade Success
BadgeOutline Fade Contrast
BadgeNormal Normal 0.8
Normal Normal Normal 0.8
Бейджи можно показать в строку или в столбец.
Horizontal
BruteforceComplex AttackDDoSDoSHIPS AlertIDS/IPS AlertIdentity TheftMiscellaneousNetwork AttackPost Compromise
Vertical
BruteforceComplex AttackDDoSDoSHIPS AlertIDS/IPS AlertIdentity TheftMiscellaneousNetwork AttackPost Compromise
По ховеру или фокусу на бейдж можно открыть тултип с пояснением или дополнительной информацией.
Подпись внутри бейджа выравнивается по базовой линии текста в таблице.
| Столбец 1 | Столбец 2 | Столбец 3 |
|---|
| Значение | Badge | EXT. Использование фишинговых ресурсов (phishingAttacks) |
| Ссылка Badge | Обнаружена попытка получить список процессов, запущенных в системе, на узле qa-kolobok.mpqa.rd.koobiq.com | Badge |
- Бейджи могут использоваться сами по себе, в то время как теги чаще входят в состав других контролов: Select, Tag autocomplete, Tag input.
- Не злоупотребляйте бейджами: экран быстро превращается в разноцветную гирлянду, а акценты теряются.
- Список тегов может привлекать излишнее внимание. Элементы можно показать через запятую, интерпункт или небольшую табуляцию.