Бейджи являются удобным способом показать некоторую дополнительную информацию об элементе, например его статус.
Стандартные бейджи
Стандартные бейджи получают основной класс ipsBadge, и один из некоторых тегов, показанных ниже.
Стили бейджей
ipsBadge_new
Бейдж
ipsBadge_style2
Бейдж
ipsBadge_warning
Бейдж
ipsBadge_positive
Бейдж
ipsBadge_negative
Бейдж
ipsBadge_neutral
Бейдж
ipsBadge_intermediary
Бейдж
Размеры бейджей
ipsBadge_normal (стандартный)
Бейдж
ipsBadge_medium
Бейдж
ipsBadge_large
Бейдж
Иконки бейджей
Любой из вышеперечисленных классов может быть использован для создания бейджей с иконкой путём добавления класса ipsBadge_icon, и использования иконки FontAwesome в качестве контента элемента. Например:
Бейджи статуса
"Бейджи статуса" это термин, использующийся для обозначения иконок, отображающихся в списках данных, таблице записей и т.д., которые указывают на статус прочитанное/непрочитанное для пользователя. Они разделены на бейджи, описанные выше и не используют одни и те же классы.
Основной класс для бейджа статуса - ipsItemStatus, с дополнительными тегами, представленным ниже.
ipsItemStatus_tiny
Отображает крошечный индикатор статуса. Включая иконку (обычно fa-circle) как контент элемента.
ipsItemStatus_small
Отображает небольшой индикатор статуса. Включая иконку (обычно fa-circle) как контент элемента.
ipsItemStatus_large
Отображает полноразмерный индикатор статуса. Индикатор может быть кастомизирован с помощью включения иконки как контента элемента:
<span class='ipsItemStatus ipsItemStatus_large'> <i class='fa fa-comments'></i> </span>
ipsItemStatus_read
Статус бейджа 'прочитанное', который может исчезать при определённых условиях.