Jump to content

Бейджи

Бейджи являются удобным способом показать некоторую дополнительную информацию об элементе, например его статус.

Стандартные бейджи

Стандартные бейджи получают основной класс 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
Статус бейджа 'прочитанное', который может исчезать при определённых условиях.